2014-07-01から1ヶ月間の記事一覧
【今回の内容】 掲題の通り、canvasにクリックすると動く四角を描きました 【処理の流れ】 ■キャンパス要素の生成の流れ ①マウス押下時の座標を取得 ②マウスを離したときの座標を取得 ③キャンパス要素の生成 ④キャンパスの色・クリックイベント・キャンパス…
【今回の紹介】 掲題の通りです。 【内容】 以下の理由で、canvas要素を追加することで、自由に四角を描くサンプルを作成しました①bodyに大きなcanvasを生成して、四角を描くサンプルなどはたくさんありますが canvasを追加していくというサンプルがなかった…
【今回の紹介】 HTML5を学習したのでそのメモを残しておきます。 【メモ】 下記のサンプルを通して、 ・カーソルの座標をとりながら、線を描く手順 ・乱数と関数の再帰的呼び出し、キャンパスへの描画を組み合わせ でできることについて学べました 参考ソー…
【今回の紹介】 以下の本を後半戦を読んだのでいったんメモをしときます。コーディングを支える技術 ~成り立ちから学ぶプログラミング作法 (WEB+DB PRESS plus) 【内容】 概要としては、どのプログラムでも共通する文法や関数、変数、制御文などについて 仕…
【今回の紹介】 以下の本を前半戦を読んだのでいったんメモをしときます。コーディングを支える技術 ~成り立ちから学ぶプログラミング作法 (WEB+DB PRESS plus) 【内容】 概要としては、どのプログラムでも共通する文法や関数、変数、制御文などについて 仕…
【今回の紹介】 掲題のものを作ったので、メモしときます。 【内容】 シンプルな作りです。 以下のイベントのときの座標をとって描画しています。 ・マウスを押下したとき ・マウスを離したとき 【参考ソース】 <html> <head> <meta charset='utf-8'> </head> <title>HTML5</title> <body> <canvas id='canvas'></canvas> <script> startX=0; startY=0; window.onl</body></html>…
【今回の紹介】 掲題の通りです。 【内容】 ソース的な以下の部分がわかりにくいのでメモしときます。 ①マウスが押されてから、マウスが動いている時のイベントを拾うために グローバル関数を使用していること ちなみに、 mousedown=false; ②描画の終わりを…
【今回の紹介】 以下の書籍を読んだのでそのメモを書いときます リファクタリング・ウェットウェア ―達人プログラマーの思考法と学習法 【概要】 脳の作り方や人の思考のクセを解説しながら、 学習の仕方・日々の業務で気をつけると効率が上がる方法などを紹…
