【結論】おすすめ開発環境の構築コマンド
おすすめ構成は、公式VS Code拡張または使い慣れたターミナルと、Git管理されたプロジェクトの組み合わせです。
ネイティブ版Claude CodeはNode.jsを前提にせず、Windows 10以降、macOS 13以降、主要Linuxで動作します。
Windowsはネイティブ実行とWSL 2の両方が正式対応で、Linuxツールチェーンやサンドボックスが必要な場合だけWSL 2を選びます。
# ターミナルで実行：Claude Codeの動作確認
claude --version
# ターミナルで実行：プロジェクトをVS Codeで開く
code .
# VS Code統合ターミナルで実行：CLIセッションを開始
claude具体的な手順・設定方法
VS Code 1.94以降で拡張機能画面を開き、「Claude Code」を検索してAnthropic提供の拡張を導入します。
拡張のチャットパネルを使う場合は内蔵CLIで動作し、統合ターミナルで
claudeを使う場合は別途スタンドアロン版を導入します。Git、テストランナー、Linterをローカルで実行できる状態にし、Claudeへ渡す前に通常の開発コマンドが成功するか確認します。
実践プロンプト / 活用テクニック
VS Codeでは選択範囲や行番号を明示すると、不要な探索を減らせます。
src/components/Header.tsx のナビゲーション部分だけを対象にしてください。
既存の型とテスト方針を維持し、リンク配列を map で描画する形へ変更してください。
変更前に計画を示し、変更後は型チェックを実行して差分を要約してください。注意点・よくあるエラーと対処法
Nerd FontやLANG=en_US.UTF-8は必須設定ではなく、文字化けが起きた環境でのみ端末側のUTF-8設定を見直します。
WindowsでWSLを必須とする説明は旧く、プロジェクトがWindows側にあるならネイティブ実行の方がパス問題を避けやすいです。
IDEの未保存バッファはCLIから見えないため、CLIに同じファイルを編集させる前に保存するか、公式拡張の選択範囲連携を使ってください。