リバーシを作りながら学ぶＪａｖａＳｃｒｉｐｔ

Webデザイナーではなく、プログラマーを目指す人のための、実践型JavaScript入門書。
「ふんわり動く画像」や「スッと消える文字」ではなく、ゲームやWebアプリケーションを作ってみたい人のための本です。

●何を作るの？
本書で作るのは、定番のボードゲーム「リバーシ」です。

・作った「リバーシ」はWebブラウザーで動かせます
・ちょっとしたアニメーションやBGM付きで楽しくプレイできます
・クレジットさえつければ、カスタマイズや、再配布を自由に行えます

●どんな人に向いているの？

・ふつうの入門書で体系的に学んだけど、何ができるのかいまいちわからない
・自分は新しいことを覚えるときは、理屈を覚えるより、体験した方が早い
・作りたいものがなくて、何をしたら良いか分からない

こんな人たちには、「リバーシ」がお勧めです。
慣れるまでには時間がかかるかもしれませんが、じっくりと取り組んでみてください。

●どんなことが学べるの？
リバーシの開発をとおして「JavaScriptの仕様」と「Webブラウザーの仕様」を学べます。

【JavaScriptの仕様】
変数と値
　プリミティブ型
　　数値、文字列、真偽値
　オブジェクト
　　配列、クラス
条件分岐
　if文
関数
　関数
　　引数、戻り値
　ユーザー関数
　　function、アロー関数、this
　コールバック関数
繰り返し処理
　for文
　while文
非同期処理
　Promise
　async/await

【Webブラウザーの仕様】
DOM操作
　セレクター
　要素選択
　要素追加/削除
　属性操作
　スタイル操作
canvas
　canvas
　コンテクスト
　　設定、描画
イベント受付
　イベントリスナー
　　DOM読み込み、クリック
各種リソース
　画像
　フォント
　音声

●作った「リバーシ」の楽しみ方を教えて！
・盤面や、盤面に並べる石は、単純なSVG画像で、かんたんに差し替えることができます。
　VTuberさんや、タレントさんが、セルフブランディング用にオリジナルのゲームを作って配布することができます。
・音楽鑑賞や楽曲作成が趣味の人であれば、BGMを変えることもかんたんです。
・盤面のかたちは「8×8の正方形」にこだわる必要はありません。カスタム形状の盤面を作って楽しむこともできます。
・深く考えることが得意な人は、コンピュータの思考ルーチンを強くしてみてください。