Claude Codeでサイト制作を進める基本手順

このレッスンのゴール

• Claude Code を使った開発の進め方を「対話・計画・実装・検証」の流れで理解する
• 自分のプロジェクトで使う最初の 3 ステップを決める

1. ゴールと制約を最初に伝える

Claude Code に作業を頼むときは、最初に次の 3 つを伝えるのが基本です。

• やりたいこと（ゴール）
• 守ってほしい制約（言語・ライブラリ・命名規則）
• 触ってはいけない範囲

2. Plan モードを使って合意する

複雑な変更は、いきなり実装させずに Plan モード で合意してから進めます。 Plan が出てきたら必ず一読し、不要な変更が混ざっていないか確認してから承認します。

3. 小さく実装・検証する

1 度に大きな変更を入れず、ファイル単位 / ページ単位で進めるのがコツです。 変更後は 必ず開発サーバを起動して画面で確認 します（テストや型チェックだけでは UX は保証できないため）。

4. レビューしてコミット

Claude Code の差分は人間がレビューしてからコミットします。 特に依存追加・設定変更・スクリプト追加は、目視で必ず確認します。

次にやること

• 既存のサイトを 1 つ選び、ヘッダーかフッターの軽微な改善から始める
• 慣れてきたら 1 ページまるごと Plan モードで作らせてみる