目次

第１章　JavaScriptプログラミングの準備をしよう

レッスン１　コードプログラミングをはじめよう

レッスン２　Visual Studio Codeをインストールするには

レッスン３　使いやすい画面に設定するには

レッスン４　プログラミングの準備をするには

レッスン５　Visual Studio Codeにフォルダーを読み込む

第２章　JavaScriptプログラミングを始めよう

学習を始める前に　JavaScriptの基礎

レッスン６　HTMLファイルを作成するには

レッスン７　文字を入力するには

レッスン８　HTNLを記入するには

レッスン９　HTMLファイルをブラウザーで表示するには

レッスン１０　JavaScriptをHTMLに読み込むには

レッスン１１　JavaScriptを書くには

レッスン１２　JavaScriptを実行するには

第３章　画面を変更してみよう

学習を始める前に　イベントと画面の書き換えの基本

レッスン１３　ボタンを表示しよう

レッスン１４　もうひとつボタンを付けてみよう

レッスン１５　テキストボックスを使ってみよう

レッスン１６　文字を連結してみよう

レッスン１７　ページに文字を表示してみよう

第４章　計算と変数、条件判定の使い方を知ろう

学習を始める前に　計算と条件判定の基本

レッスン１８　計算してみよう

レッスン１９　入力した値の計算結果を表示しよう

レッスン２０　未入力だったときにエラーを表示するには

レッスン２１　計算結果で文字の色を変更するには

第５章　繰り返し操作の基本を知ろう

学習を始める前に　繰り返しの基本

レッスン２２　同じメッセージを３回表示してみよう

レッスン２３　１から１００まで順番に足してみよう

レッスン２４　入力された文字の桁数を求めよう

第６章　落ち物パズルを作ろう

学習を始める前に　落ち物パズルの基本

レッスン２５　音声ファイルを準備しよう

レッスン２６　効果音を付けよう

学習を始める前に　ゲーム画面を作るには

レッスン２７　ゲーム画面を作ろう

レッスン２８　壁を描こう

学習を始める前に　ブロックを描く

レッスン２９　ブロックを描画しよう

学習を始める前に　ブロックを左右に動かすには

レッスン３０　ブロックを描く処理を関数にしよう

レッスン３１　ブロックを左右に動かそう

学習を始める前に　ブロックを回転させるには

レッスン３２　ブロックを回転させよう

第７章　落ち物パズルを完成させよう

学習を始める前に　さまざまなブロックを登場させる

レッスン３３　ランダムでブロックを表示しよう

レッスン３４　次のブロックを表示できるようにしよう

学習を始める前に　当たり判定を決める

レッスン３５　壁にめり込まないようにする

レッスン３６　下に動かせるようにしよう

学習を始める前に　横一列そろったときの処理を作る

レッスン３７　ブロックが消えて得点が入るようにする

レッスン３８　自動的に下に動くようにしよう

レッスン３９　ゲームオーバーを作成しよう