Head First JavaScriptプログラミング、第2版

第2章. 本物のコードを書くさらに進む

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

変数、型、式......まだまだ続く。要は、あなたはJavaScriptについてすでにいくつか知っているということだ。実際、あなたは実際のコードを書くのに十分な知識を持っている。何か面白いことをするコード、誰かが使いたくなるようなコードだ。あなたに欠けているのは、コードを書くという実際の経験だ。どうやって？真っ先に飛び込んで、JavaScriptで書かれたカジュアルゲームをコーディングするのだ。目標は野心的だが、一歩ずつ前進していこう。さあ、始めよう。もしあなたが次のスタートアップを立ち上げたいのなら、私たちはあなたの邪魔はしない。

戦艦ゲームを作ろう

ブラウザが船を隠し、あなたの仕事はそれを探し出して破壊することだ。もちろん、本物の戦艦ゲームとは異なり、このゲームでは自分の船を配置することはない。その代わり、あなたの仕事はコンピュータの船を最少の推測回数で撃沈することだ。

ゴール：最少の推理回数でブラウザの船を沈める。成績に応じて評価が与えられる。

セットアップゲームプログラムを起動すると、コンピューターが仮想のグリッドに船を配置する。それが終わると、ゲームは最初の推測を求める。

どのようにプレイするのか：ブラウザーが推測の入力を促し、グリッドの位置を入力する。推測のレスポンスとして、"HIT!"、"MISS"、"私の戦艦を沈めた!"MISS "または "私の戦艦を沈めた！"と表示される。すべての戦艦を撃沈すると、レーティングが表示されてゲームは終了する。

最初の試みは...

...簡易戦艦

最初の試みとしては、3隻の船を使った本格的な7×7のグラフィック・バージョンよりもシンプルなものから始めることにしよう。その代わりに、7つの場所と1隻の船を発見する1次元のグリッドから始めるつもりだ。粗雑なものになるだろうが、我々の焦点はゲームの基本コードをデザインすることであって、ルック＆フィールをデザインすることではない（少なくとも今のところは）。

ご心配なく。ゲームの簡易版から始めることで、後で完全なゲームを作るための大きなスタートを切ることができる。また、最初の本格的なJavaScriptプログラミング（第1章から99本のルートビアを壁に並べる本格的なビジネス・アプリケーションはカウントしない）には、ちょうどいい大きさになる。というわけで、この章ではシンプル・バージョンのゲームを作り、デラックス・バージョンは、JavaScriptについてもう少し学んだ後で、この本の後半で紹介することにしよう。

まず、ハイレベルのデザインである。

変数、数値、文字列、if文、条件付きテスト、ループ......が必要なことはわかっている。しかし、どこで、いくつ必要なのか？これらの質問に答えるには、ゲームが何をすべきなのかについての詳細な情報が必要だ。 ...