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

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

• 要旨（「BOOK」データベースより）

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

• 目次

  　まえがき
  
  第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　プレイヤーが石を置いた場所を表そう（オブジェクト①）
  　2-8　その他のデータにも名前を付けよう
  　2-9　JavaScriptにはどんな値があるのか知ろう
  　2-10　データをひとまとめにしよう①（オブジェクト②）
  　2-11　データをひとまとめにしよう②（クラス）
  　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　手番を次に進めよう
  第13章　操作画面からリバーシのプログラムを呼びだそう
  　13-1　画面からの操作に必要なことを確かめよう
  　13-2　ゲーム開始の準備をしよう
  　13-3　盤面のクリックを受け付けよう
  　13-4　ゲーム画面で石を置こう
  　13-5　ゲームの状態を管理しよう
  　13-6　パスが必要か確かめよう
  　13-7　ゲームが終了しているか確かめよう
  第14章　コンピューターに考えさせよう
  　14-1　石を置く場所をどう決めればよいのか考えよう
  　14-2　各マスに点数を付けよう
  　14-3　一手先、二手先を考えよう
  　14-4　人間みたいに石を置こう
  第15章　音声を利用しよう
  　15-1　Webページの音声の制約を知ろう
  　15-2　サーバーを手軽に用意しよう
  　15-3　音声をあつかおう
  　15-4　音声の再生を試そう
  　15-5　ゲームで音声を使おう
  　15-6　完成したリバーシで遊ぼう
  
  　あとがき
  　付録：ファイルとメソッドの一覧
  　索引

• 出版社からのコメント

  Webデザイナーではなく、プログラマーを目指す人が、リバーシを作りながらJavaScriptの基本を学べる本。

• 内容紹介

  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の正方形」にこだわる必要はありません。カスタム形状の盤面を作って楽しむこともできます。
  ・深く考えることが得意な人は、コンピュータの思考ルーチンを強くしてみてください。
  
  図書館選書
  JavaScriptの入門書。リバーシを作りながら、プログラマとして押さえておくべき言語の基本（繰り返し処理、非同期処理）や、Webブラウザーの仕様（イベント受け付け、canvasによる描画）を学べます。

• 著者紹介（「BOOK著者紹介情報」より）（本データはこの書籍が刊行された当時に掲載されていたものです）

  柳井 政和(ヤナイ マサカズ)
  １９７５年福岡県北九州市生まれ。１９９７年熊本大学理学部生物科学科卒業。ゲーム会社勤務を経て、現在クロノス・クラウン合同会社代表社員として、ゲームやアプリケーションの開発、プログラミング系技術書や記事の執筆をおこなう

• 著者について

  クロノス・クラウン柳井政和 (クロノスクラウンヤナイマサカズ)
  1975年福岡県北九州市生まれ。1997年熊本大学理学部生物科学科卒業。
  ゲーム会社勤務を経て、現在クロノス・クラウン合同会社代表社員として、ゲームやアプリケーションの開発、プログラミング系技術書や記事の執筆をおこなう。
  主著に『画像生成系AI StableDiffusionゲームグラフィックス自動生成ガイド』（秀和システム）『マンガでわかるJavaScript』（秀和システム）『JavaScript[完全]入門』（SBクリエイティブ）などがある。

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