開発環境の設定

5.1 IDEを選ぶ

プログラムを書くには、まずプログラムを書く必要があるんだ。この名言、意外と理にかなってるでしょ。でも、プログラムを書くためには、まずIDE（プログラムを書くための特別なアプリ）をインストールして最初のプロジェクトを作成しなきゃね。

Web開発を学ぶために選べるIDEはたくさんあるよ。どれも実際にはほぼ同等なんだけど、だってどうせプロジェクトのコードはブラウザで実行されるからね 😊

ここに4つの最も人気のあるものがあります：

• Visual Studio Code by Microsoft
• Intellij IDEA Community Edition
• Atom by GitHub
• WebStorm Community Edition

個人的にはWebStormが好きだけど、他の製品を選んでも特に違いは分からないと思うよ。下にいくつかのIDE設定の重要なポイントのスクリーンショットを載せるね。

5.2 WebStormをダウンロードする

ステップ 1. WebStormをインストールするには、まずダウンロードしなきゃね。GoogleでWebStormを検索するか、リンクを直接クリックしちゃって。こんな感じの素敵な画面が見えるはず：

ステップ 2.「ダウンロード」ボタンをクリックして、すぐにダウンロードが始まるよ。うまくいけば、こんなメッセージが見えるはず：

ステップ 3. 必要なオペレーティングシステムは自動で選ばれるはず。でも、もしそうならなかったら、ここで選んでね — WebStormをダウンロード:

5.3 WebStormのインストール

WebStormの必要なバージョンをダウンロードしたら、インストールするだけだよ。以下はその重要なステップ：

ステップ 1. インストーラを起動—こんなウィンドウが出るはず：

ステップ 2. いくつかのチェックボックスにチェックを入れてみて：

ステップ 3. 何も再起動する必要はないよ：

5.4 WebStormを非商用利用に設定する

これらのIDEを学習などの非商用の目的で使う場合は、無料で使えるよ。

1. WebStormを起動。
2. 起動時に、非商用利用オプションを選べるウィンドウが表示されるよ。
3. JetBrainsアカウントにログインするか、新しいアカウントを作成しよう。
4. 「非商用利用のためのToolboxサブスクリプション契約」に同意する。
5. 開発を楽しんでね。

すでに試用期間を開始していたり、有料ライセンスでIDEをアクティベートしている場合でも、以下の手順で非商用サブスクリプションに切り替えることができるよ：

1. WebStormで、Help | Registerに移動。
2. 開いたウィンドウで、Remove Licenseボタンを押してね。
3. 非商用利用を選択。
4. JetBrainsアカウントにログインするか、新しいアカウントを作成。
5. 「非商用利用のためのToolboxサブスクリプション契約」に同意する。
6. 開発を楽しんでね。

5.5 最初のプロジェクトを作成する

WebStormをインストールしたら、それを起動して最初のプロジェクトを作成するだけ。以下の手順に従ってね：

ステップ 1. WebStormを起動。こんなウィンドウが表示されるはず：

ステップ 2. 新しいプロジェクトを作成—New Projectボタンをクリック。

次にするのは：

• 最初のプロジェクトの名前を選ぶ。
• 最初のプロジェクトのフォルダを指定する（Locationフィールド）。もしWebStormがデフォルトでAdminフォルダを提案したら、それを変えるのがいいかも。後で問題が少なくなるからね。

こんな感じになったよ：

ステップ 3. すべて正しく行った場合、こんな画像が見えるはず：