あらすじ・内容紹介
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の正方形」にこだわる必要はありません。カスタム形状の盤面を作って楽しむこともできます。
・深く考えることが得意な人は、コンピュータの思考ルーチンを強くしてみてください。
