Skip to Content
ドキュメントはじめに環境構築Windows

環境構築(Windows)

このページで学ぶこと

  • 開発に必要なツールをWindowsにインストールできる
  • ターミナル(PowerShell)を使った基本操作ができる
  • Node.jsをnvmで管理する理由がわかる

インストールするもの一覧

ツール用途
VS Codeコードエディタ
Gitバージョン管理
nvm-windowsNode.jsのバージョン管理ツール
Node.jsJavaScriptの実行環境

やってみよう

ステップ1: VS Code をインストールする

  1. ブラウザで「VS Code」と検索し、公式サイト(code.visualstudio.com)からインストーラをダウンロード
  2. インストーラを実行し、「PATHへの追加」にチェックが入っていることを確認してインストール
  3. VS Code を起動して画面が表示されればOK

日本語化する

VS Code 上で Ctrl + Shift + X を押して拡張機能タブを開き、Japanese Language Pack を検索してインストールする。
インストール後、右下に「Restart」ボタンが出るので押すと日本語になる。


ステップ2: Git をインストールする

  1. ブラウザで「Git for Windows」と検索し、公式サイト(git-scm.com)からインストーラをダウンロード
  2. インストール中のオプションはすべてデフォルトのままでOK
  3. インストール後、PowerShell を開いて以下を実行する
git --version
powershell

git version 2.xx.x のように表示されれば成功。

PowerShell の開き方
スタートボタンを右クリック → 「Windows PowerShell」または「ターミナル」を選択


ステップ3: nvm-windows をインストールする

なぜ nvm を使うのか?
Node.js は直接インストールもできますが、プロジェクトごとにバージョンが違うことがよくあります。
nvm を使うと、バージョンを簡単に切り替えられます。将来プロジェクトに参加するときに役立ちます。

  1. ブラウザで「nvm-windows releases」と検索し、GitHubのリリースページを開く
    (URL: github.com/coreybutler/nvm-windows/releases
  2. 最新版の nvm-setup.exe をダウンロードして実行
  3. インストール中のオプションはすべてデフォルトのままでOK
  4. インストール後、PowerShell を一度閉じて再度開き、以下を実行する
nvm version
powershell

バージョン番号が表示されれば成功。


ステップ4: Node.js をインストールする

nvm を使って Node.js をインストールする。

nvm install 22
nvm use 22
powershell

確認する。

node --version
npm --version
powershell

v22.xx.x のように表示されれば成功。

エラーが出た場合
PowerShell を「管理者として実行」してから再度試してみてください。
スタートボタンを右クリック → 「Windows PowerShell(管理者)」


ステップ5: VS Code でターミナルを開く

VS Code を開き、Ctrl + @ でターミナルを開く。
以下を実行して、VS Code 内でも Node.js が使えることを確認する。

node --version
powershell

同じバージョンが表示されればOK。表示されない場合は次のエラーガイドを参照。


確認しよう

  • git --version でバージョンが表示される
  • nvm version でバージョンが表示される
  • node --versionv22.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 CurrentUser
powershell

AIに聞いてみよう

プロンプト例:
「Windows で nvm-windows をインストールしたのに node コマンドが認識されません。原因と対処法を教えてください」

エラーメッセージが出たら、そのまま AI に貼り付けて聞いてみましょう。


次のステップ

とんペディアへようこそ
AIとの付き合い方

Last updated on