JavaScriptを使ってシューティングゲームを作ろう！
Lesson 01: ゲームの概要と環境設定

ゲーム開発の第一歩へようこそ！

このレッスンでは、JavaScriptを使ってシューティングゲームを作るための第一歩を踏み出します！レッスンの終わりには、ゲームの概要を理解し、コードを書くための環境を設定できるようになります。

注意：この記事は、Windows PCでの開発を前提として書いています、Macなど他の環境をご利用の皆さんは、状況に応じて適切な表現に置き換えて進めてください。

ゲームはどんな内容？

このゲームでは、宇宙空間を飛ぶスペースシップを操作して、敵の宇宙船を撃ち落とします。スペースシップを左右に動かしながら、レーザーを撃って敵を倒す機能をプログラムします。敵に当たらないようにしながら、できるだけ多くのポイントをゲットすることが、このゲームのミッションです。シンプルで楽しいゲームを目指しましょう！

ゲームを作るために必要なもの

コードを作り始める前に、まずは必要なツールを準備しましょう。2つだけです。手順をひとつずつ説明していきます。

1. Visual Studio Code (VS Code)

   VS Codeはテキストエディタで、コードを書くために使います。無料で使いやすく、JavaScriptのプロジェクトにもピッタリです。これを使って、ゲームのコードを書きます。

   VS Codeのインストール手順：

   • 公式サイトにアクセス：https://code.visualstudio.com/
   • 「Download」ボタンをクリックして、使用しているOS（Windows、macOS、Linux）に合ったバージョンをダウンロードします。
     
     
   • インストールが完了したら、VS Codeを開きます。
     
2. Webブラウザ（Google Chromeなど）
   ゲームをプレイするためにWebブラウザが必要です。このプロジェクトでは、Google Chrome（他のブラウザでもOK）を使って、作ったゲームをテストします。
   

プロジェクトの設定

VS Codeとブラウザが準備できたら、次はゲーム用のフォルダを作りましょう。このフォルダがゲームのファイルを入れる「作業場所」になります。

ゲームフォルダを作成する手順：

1. コンピュータ上で新しいフォルダを作り、名前を space-shooter-game などにします。
   
   
2. VS Codeを開きます。
3. VS Codeで、File < Open Folder を選び、先ほど作ったフォルダを開きます。
   
   
   

次はどうする？

これで、開発環境は整いました！次回のレッスンでは、基本的なHTMLとCSSでゲーム画面を作成する方法を学びます。お楽しみに！

このレッスンのまとめ：

• Visual Studio Code を使って、ゲームの開発環境を設定しました。