メインコンテンツへスキップ
上級テクニック 上級 Claude Code Cursor

複数ファイルにまたがる変更

大規模な変更をファイル間の依存関係を守りながら安全に依頼するプロンプト。

プロンプト

以下の変更を複数ファイルにまたがって実施してください。

【変更の全体像】
[やりたいことを書く]

【変更が必要なファイルと内容】
1. [ファイル1]: [変更内容]
2. [ファイル2]: [変更内容]
3. [ファイル3]: [変更内容]

【実装順序】
型定義 → ユーティリティ → コンポーネント → ページ の順で進めてください。
各ステップ完了後にビルドが通ることを確認してからコミットしてください。
#大規模変更 #マルチファイル #設計

このプロンプトが必要な理由

AI は一度に多くのファイルを変更しようとすると、ファイル間の依存関係を見落とすことがあります。「実装順序」と「各ステップでのビルド確認」を明示することで、安全に大規模変更を実施できます。

依存関係の書き方

types/index.ts → utils/format.ts → components/Card.astro → pages/index.astro

依存される側(型定義)から順番に変更します。

実践的なヒント

  • 各ステップ後に git commit してチェックポイントを作る
  • TypeScript のエラーが 0 になるまで次のステップに進まない
  • 迷ったら「ここまでで一旦確認してください」と途中で止める