JavaScript

やってみたJavaScript、今回はstart/stopボタンを実装するぞ！

割とチョチョイのチョイだ。見た目がショボいから。

test0007レイアウト

というほど何もないけど、canvasとbuttonを横に並べてみた。

あとついでに分かりやすいように背 ...

やってみたJavaScript、今回は、バグ修正って感じ。

なかなかうまく動かなかったけど、とりあえずちゃんとしてるような気がしてきた。

test0006セルのビフォーアフター

セルの生死をジャッジするにあたり、ビフォーアフターを記録しておくのが必要な気がしてきた。

やってみたJavaScript、今回は、枠線とセル描画がずれてたので、修正する。

これ、書いたやつが一回消えちゃって、二回目の執筆。何を考えてどうしたか細かいことは忘れちゃった……。コード読んでいこう。

test0005枠線とセルサイズの指定を修正

枠線とセル描画が被って ...

やってみたJavaScript、今回は、セル毎に塗れるようにする。

セルってのはLife Gameでいうところの、縦横の線で区切られた一つ一つの四角のこと。今までは枠線を無視してたので、クリックしたセル単位で塗れるようにする。

test0004クリックしたセルをマーク

将 ...

やってみたJavaScript、今回は、リファクタリング？的なことを。

それと急に方向転換して、Life Gameを作ることにした。

test0003とりあえずファイルをきれいに

とりあえず、CSSとJavaScriptを分けた。index.htmlがスッキリ！

& ...

やってみたJavaScript、今回は、canvas上をマウスクリックしたときの座標のずれを修正。

clientX/Yで取得した座標をそのまま使ったらなんかずれたので、それを修正します。

test0002

枠線を消しちゃったのでcanvasがどこか分かりにくいが、なんとか ...

やってみたJavaScript、今回は、マウスクリックをcanvasで受け取ってみたい。

画面上をクリックしたときに何か起きると、何かできてる感が出ることでしょう。

test0001

ということで、canvas上をクリックしたときに小さい四角を描くようにします。

と ...

今さらながらJavaScriptやってみようと思い立ち、やってみたシリーズとして書いていこうと思う。

がんばって続けたい！

モチベーション

これが初回なので、モチベーションを書いておく。

ネットとか本とか見るのがめんどくさい

JavaScriptをやってみようか ...