環境構築(Windows)
このページで学ぶこと
- 開発に必要なツールをWindowsにインストールできる
- ターミナル(PowerShell)を使った基本操作ができる
- Node.jsをnvmで管理する理由がわかる
インストールするもの一覧
| ツール | 用途 |
|---|---|
| VS Code | コードエディタ |
| Git | バージョン管理 |
| nvm-windows | Node.jsのバージョン管理ツール |
| Node.js | JavaScriptの実行環境 |
やってみよう
ステップ1: VS Code をインストールする
- ブラウザで「VS Code」と検索し、公式サイト(code.visualstudio.com)からインストーラをダウンロード
- インストーラを実行し、「PATHへの追加」にチェックが入っていることを確認してインストール
- VS Code を起動して画面が表示されればOK
日本語化する
VS Code 上で Ctrl + Shift + X を押して拡張機能タブを開き、Japanese Language Pack を検索してインストールする。
インストール後、右下に「Restart」ボタンが出るので押すと日本語になる。
ステップ2: Git をインストールする
- ブラウザで「Git for Windows」と検索し、公式サイト(git-scm.com)からインストーラをダウンロード
- インストール中のオプションはすべてデフォルトのままでOK
- インストール後、PowerShell を開いて以下を実行する
git --versiongit version 2.xx.x のように表示されれば成功。
PowerShell の開き方
スタートボタンを右クリック → 「Windows PowerShell」または「ターミナル」を選択
ステップ3: nvm-windows をインストールする
なぜ nvm を使うのか?
Node.js は直接インストールもできますが、プロジェクトごとにバージョンが違うことがよくあります。
nvm を使うと、バージョンを簡単に切り替えられます。将来プロジェクトに参加するときに役立ちます。
- ブラウザで「nvm-windows releases」と検索し、GitHubのリリースページを開く
(URL:github.com/coreybutler/nvm-windows/releases) - 最新版の
nvm-setup.exeをダウンロードして実行 - インストール中のオプションはすべてデフォルトのままでOK
- インストール後、PowerShell を一度閉じて再度開き、以下を実行する
nvm versionバージョン番号が表示されれば成功。
ステップ4: Node.js をインストールする
nvm を使って Node.js をインストールする。
nvm install 22
nvm use 22確認する。
node --version
npm --versionv22.xx.x のように表示されれば成功。
エラーが出た場合
PowerShell を「管理者として実行」してから再度試してみてください。
スタートボタンを右クリック → 「Windows PowerShell(管理者)」
ステップ5: VS Code でターミナルを開く
VS Code を開き、Ctrl + @ でターミナルを開く。
以下を実行して、VS Code 内でも Node.js が使えることを確認する。
node --version同じバージョンが表示されればOK。表示されない場合は次のエラーガイドを参照。
確認しよう
-
git --versionでバージョンが表示される -
nvm versionでバージョンが表示される -
node --versionでv22.xx.xが表示される -
npm --versionでバージョンが表示される - VS Code のターミナルでも
node --versionが動く
よくあるエラー
nvm: command not found または認識されない
→ PowerShell を一度閉じて再度開く。それでも出る場合は PC を再起動する。
node --version が古いバージョンを返す
→ nvm 以外でインストールした Node.js が残っている可能性がある。
「アプリと機能」から Node.js を検索してアンインストールし、nvm use 22 を再実行。
PowerShell でスクリプトが実行できない(セキュリティエラー)
→ 以下を管理者 PowerShell で実行する。
Set-ExecutionPolicy RemoteSigned -Scope CurrentUserAIに聞いてみよう
プロンプト例:
「Windows で nvm-windows をインストールしたのに node コマンドが認識されません。原因と対処法を教えてください」
エラーメッセージが出たら、そのまま AI に貼り付けて聞いてみましょう。
次のステップ
→ とんペディアへようこそ
→ AIとの付き合い方