リバーシを作ってプログラミングを覚えよう。
描画やクリックの処理は Angular を使って実装されていますが、
オセロとして遊べるようにするだけであれば、 models
の中にオセロのルールを実装するだけで動くため、
Angular の知識がなくてもプログラミングができます。
このディレクトリに移動し、コマンドラインから npm install
を実行すると、
このディレクトリに移動し、コマンドラインから ng serve
を実行すると、仮想サーバが立ち上がります。
その後、Chrome などのプラウザで http://localhost:4200/
にアクセスすると、このプログラムが実行されます。
コマンドラインで Ctrl + C
を押すと、仮想サーバが停止します。
ユニットテストを作ることで、自分が実装したロジックが意図通りに動いているかをチェックすることができます。 初めのうちは画面を見ながら作ってみるので十分です。
ユニットテストを書いて実行したいときは、自作のクラスと同じディレクトリに classname.spec.ts
というファイルを作りましょう。
コマンドラインから ng test
を実行すると、その時点で作成済みの .spec.ts
が全て実行されます。
(models/board.spec.ts
に spec のサンプルがあります。)