「リバーシを作りながら学ぶJavaScript AIの基本 対戦プログラムの開発に挑戦！」（秀和システム）の評判・価格・レビュー
JavaScriptを学ぶための教材の基本情報・価格・レビュー。
PR・広告を含みます
JavaScriptをスクールで学ぶなら、教育訓練給付で最大80%OFF。
対象講座なら受講料の最大80%（給付区分・上限・要件あり）が後日戻り、実質負担を抑えられます。独学の本＋スクールの併用も。
▶ あなたの講座でいくら戻るか試算（無料・30秒）
無料相談で適用条件を確認できます
無料相談で適用条件を確認できます
無料相談で適用条件を確認できます
はじめての方へ：教育訓練給付のしくみと損しない選び方 ／ 申請手順5ステップ
学んだ後に「作って公開する」ための環境例です。サーバー・ツールは教育訓練給付／補助の対象外です。
※給付率・実質額は区分（一般20%／特定一般40%／専門実践 最大80%）と要件で変わり、即時値引きでなく後日支給です。最終可否はハローワーク・厚労省でご確認ください。掲載はPR（送客手数料を受領）。
この本について
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とは
JavaScriptはWebページの表示を操作したり、ユーザーの操作に反応して画面を変えたりするための代表的な言語です。ブラウザ上だけでなくサーバー側でも使えるため、同じ言語で体験から仕組みまで一貫して学べます。
こんな人向け：HTMLとCSSの基本が読める人向けです。コードを少しずつ実行し、結果を確認しながら進める姿勢があると定着しやすくなります。
独学ロードマップでの位置
このトピックは、文法の土台を作ってから、画面制御やデータの流れを段階的に広げるのが自然な順序です。最初から高度なライブラリへ飛ぶより、基礎と実装の橋をつくる順番が独習でも分かりやすさを高めます。
- 文法の核（変数・条件・繰り返し・関数）を理解するために、小さなサンプルを毎回動かして確かめる。
- ブラウザの要素を操作するDOMとイベントの考え方を、フォームやボタンで簡単な挙動を作って体験する。
- 非同期処理と通信の流れを学び、データ取得と画面更新のタイミングを言葉で説明できる状態にする。
- 例外や入力エラー、処理の順番を扱えるようにし、保守しやすい書き方に少しずつ寄せる。
- 実務に近い構成での分割・再利用・テストの発想を取り入れ、学んだ知識を長く使える形にまとめる。
独学で足りる？体系的に学ぶ選択肢
独学では、説明を読むだけでなく“自分で再現できるか”で判断するのが重要です。具体例があり、読み終わったあとに同種の課題を再作成させる構成の教材は選びやすいです。難所は1つずつ短く整理し、自分の言葉で解説できるまでページを往復すると定着しやすくなります。
独学で継続が不安な人や、期限を意識して進めたい人には、計画化と進捗確認が組み込まれた体系学習が有効です。テーマを細かく分けて、実装課題で検証しながら進められる環境を使うと、脱落しにくくなります。 ▶ 給付でいくら戻るか試算
よくある質問
Q. 最初に覚えるべき中心テーマは何ですか。
最初は言語の土台です。変数、条件分岐、関数、オブジェクトといった考え方を、毎回実行結果とセットで確認すると理解の地盤が固まります。
Q. 書籍は何冊同時に読むのが良いですか。
最初は1冊を主軸にするのが安全です。教材が違うと用語や進め方がぶれやすいので、短期的な理解は遅れやすくなります。必要なら後から補助資料として追加すると効率が良いです。
Q. フレームワーク学習は早く始めた方がよいですか。
基礎の読み書きができる状態のあとで始めるのが無理がありません。基礎を通さずに進むと挙動の根拠が見えにくく、応用で迷いやすくなります。まずは小さな実装を自力で追えることを目安にすると迷いにくいです。
次の一冊：次は、JavaScriptの標準機能を深めるカテゴリとしてブラウザAPIやHTTP通信、非同期設計をまとめている書籍へ進むと自然です。並行して開発手順やチーム作業の基礎（版管理、デバッグ、簡易テスト）を扱う内容を読めば、学びが実作業へ繋がりやすくなります。
