リバーシを作りながら学ぶＪａｖａＳｃｒｉｐｔ　ＡＩの基本対戦プログラムの開発に挑戦！

Ｗｅｂブラウザーで遊べる！自由にシェアできる！ＬＥＶＥＬ１．作りたいものを日本語で説明できる。ＬＥＶＥＬ２．コンピュータへの命令へ置き換える。ＬＥＶＥＬ３．Ｗｅｂプログラミングの基本を身につける。ＪａｖａＳｃｒｉｐｔの基本（変数と値、関数、条件分岐、繰り返し処理、非同期処理）とＷｅｂブラウザーの仕様（ＤＯＭ操作、イベント受け付け、ｃａｎｖａｓによる描画）をゲームで学ぶ。サンプルダウンロードサービス―カスタマイズして遊べる。

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

目次

まえがき

第1章　準備をしよう
　1-1　作成するリバーシの遊び方を知ろう
　1-2　作成するリバーシに使う技術を知ろう
　1-3　リバーシのルールを書いてみよう
　1-4　プログラムを書くツールをインストールしよう
　1-5　開発向きのWebブラウザーをインストールしよう
　1-6　Webブラウザーが読み込むファイルを知ろう
　1-7　HTMLファイルを知ろう
　1-8　CSSファイルを知ろう
　1-9　JavaScriptファイルを知ろう
　1-10　DOMを操作してみよう
　1-11　さまざまな書き方があることも知っておこう
　1-12　全体の構成を知っておこう
第2章　プレイヤーや盤面や石などをプログラムで表現しよう（値）
　2-1　いろいろなデータに名前を付けよう（変数）
　2-2　自分と相手、2人のプレイヤーを表そう（数値）
　2-3　リバーシが終了しているか・いないかを表そう（真偽値）
　2-4　黒・白の石の数を表そう（配列）
　2-5　プレイヤーが人間かコンピューターかを表そう（文字列）
　2-6　リバーシの盤面を表そう（2次元配列）
　2-7　プレイヤーが石を置いた場所を表そう（オブジェクト(1)）
　2-8　その他のデータにも名前を付けよう
　2-9　JavaScriptにはどんな値があるのか知ろう
　2-10　データをひとまとめにしよう(1)（オブジェクト(2)）
　2-11　データをひとまとめにしよう(2)（クラス）
　2-12　まとめたデータを便利にしよう（静的プロパティ）
　2-13　リバーシのデータを振り返ろう
第3章　画面を表示するキャンバスを作ろう
　3-1　描画の基本を知ろう
　3-2　プログラムの処理の単位を知ろう（関数）
　3-3　キャンバスを作って描画の準備をしよう
　3-4　キャンバスをWebページに追加しよう
　3-5　キャンバスを塗りつぶそう
　3-6　処理をまとめよう（ユーザー関数）
　3-7　キャンバスを作る処理をまとめよう
　　ほか

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。