【結論】開発環境構築の実行コマンド
環境構築は、Claude Code自体の導入と、アプリの依存関係構築を分けて進めると失敗しにくくなります。
Claudeに全権で丸投げせず、使用するランタイム、パッケージマネージャー、フレームワーク、完了条件を固定します。
まず公式ジェネレーターで最小構成を作り、その後にClaudeへ設定追加と検証を任せます。
# ターミナルで実行：作業ディレクトリを作成
mkdir my-project
# ターミナルで実行：作業ディレクトリへ移動
cd my-project
# ターミナルで実行：Viteの公式ジェネレーターを起動
npm create vite@latest . -- --template react-ts
# ターミナルで実行：依存関係を導入
npm install
# ターミナルで実行：Claude Codeを開始
claude具体的な手順・設定方法
Claudeへ
package.jsonと既存設定を読ませ、追加予定パッケージと変更ファイルを先に列挙させます。ESLint、テスト、CSS基盤などは一つずつ追加し、各段階でビルドまたはテストを実行します。
完了後にセッション内の
/initで実際のコマンドを反映したCLAUDE.mdを作り、人間が不要説明を削ります。
実践プロンプト / 活用テクニック
環境構築の依頼では、勝手なバージョン固定を避け、既存manifestを基準にさせます。
このReactとTypeScriptのプロジェクトへVitestを追加してください。
最初に package.json と既存設定を確認し、追加する依存関係と変更ファイルを提示してください。
承認後に設定とサンプルテストを追加し、npm test と npm run build を実行してください。
失敗した場合は原因と修正内容を記録してください。注意点・よくあるエラーと対処法
AIの学習時点だけを頼りに最新バージョンを推測させると、非推奨オプションを選ぶ可能性があります。
パッケージ名とバージョンはロックファイル、公式ジェネレーター、実際のCLIヘルプで確認してください。
インストールスクリプトには任意コード実行のリスクがあるため、依存関係と許可要求を確認し、本番資格情報がある端末で無差別に実行しないでください。