リバーシを作りながら学ぶJavaScript AIの基本 対戦プログラムの開発に挑戦!

構成数 : 1

まえがき

第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 キャンバスを作る処理をまとめよう
3-8 キャンバスをWebページに追加する処理をまとめよう
3-9 背景付きキャンバスをWebページに追加する処理をまとめよう
第4章 紙芝居のように画面を書き換えよう
4-1 時間とともに処理をおこなおう
4-2 紙芝居をおこなおう
4-3 待ってから続きの処理をおこなおう(Promise)
4-4 待つ処理を簡単に書く方法を知ろう(async/await)
4-5 関数を短く書く方法を知ろう(アロー関数)
4-6 ふつうの関数とアロー関数の違いを知ろう
第5章 画像を読み込んで描画しよう
5-1 画像描画の基本を知ろう
5-2 複数の画像を読み込んで描画しよう
5-3 読み込んだ画像を管理して使おう
5-4 ゲームの画像を読み込もう
第6章 リバーシの盤面を作ろう
6-1 レイアウトを決めよう
6-2 盤面のマス位置から画面上の位置を求めよう
6-3 画面上の位置から盤面のマス位置を求めよう
6-4 リバーシの描画の準備をしよう
6-5 リバーシの盤面を描こう
6-6 各マスを順に見ていく処理をまとめよう
6-7 白や黒の石を描こう
6-8 石を置けるマスを表示しよう
第7章 スコアを表示しよう
7-1 文字描画の基本を知ろう
7-2 フォントの読み込みを管理しよう
7-3 ゲーム用の文字を描こう
7-4 石の数を表示しよう
7-5 ゲーム画面をまとめて更新しよう
第8章 アニメーションを管理しよう
8-1 アニメーションの基本を知ろう
8-2 アニメーションを管理するプログラムを書こう
8-3 リバーシにアニメーションを追加しよう
8-4 メッセージを動かしながら表示しよう
8-5 石を置いたときのエフェクトを作ろう
第9章 クリック操作に対応させよう
9-1 Webページのクリックについて知ろう
9-2 クリックやタッチを管理するプログラムを書こう
9-3 クリックした場所に石を置こう
第10章 リバーシの盤面を読み取ろう
10-1 盤面の読み取りに必要なことを知ろう
10-2 あるマスから8方向に確認しよう
10-3 8方向のうちの1方向のマスの一覧を得よう
10-4 作った処理を確かめよう
第11章 石を置くルールをプログラムで表現しよう
11-1 必要な処理を確かめよう
11-2 裏返せるとはどういう状態か知ろう
11-3 石を置けるか確かめよう
11-4 石を置けるマスの一覧を得よう
11-5 石を置いて裏返そう
第12章 リバーシの進行をプログラムで表現しよう
12-1 リバーシの進行に必要なことを確かめよう
12-2 リバーシ開始の準備をしよう
12-3 盤面をコンソールに出力しよう
12-4 勝利/敗北/引き分け用の盤面を作ろう
12-5 石を置けるマス/勝敗/スコアを得よう
12-6 石を置こう
12-7 手番を次に進めよう
1...