初級所要 25 分· 開発編
Claude Codeでサイト制作を進める基本手順
Claude Code を使ってサイト制作を進めるときの基本的な進め方とコツを、初心者向けに整理します。
- Claude Code
このレッスンのゴール
- Claude Code を使った開発の進め方を「対話・計画・実装・検証」の流れで理解する
- 自分のプロジェクトで使う最初の 3 ステップを決める
1. ゴールと制約を最初に伝える
Claude Code に作業を頼むときは、最初に次の 3 つを伝えるのが基本です。
- やりたいこと（ゴール）
- 守ってほしい制約（言語・ライブラリ・命名規則）
- 触ってはいけない範囲
2. Plan モードを使って合意する
複雑な変更は、いきなり実装させずに Plan モード で合意してから進めます。 Plan が出てきたら必ず一読し、不要な変更が混ざっていないか確認してから承認します。
3. 小さく実装・検証する
1 度に大きな変更を入れず、ファイル単位 / ページ単位で進めるのがコツです。 変更後は 必ず開発サーバを起動して画面で確認 します（テストや型チェックだけでは UX は保証できないため）。
4. レビューしてコミット
Claude Code の差分は人間がレビューしてからコミットします。 特に依存追加・設定変更・スクリプト追加は、目視で必ず確認します。
次にやること
- 既存のサイトを 1 つ選び、ヘッダーかフッターの軽微な改善から始める
- 慣れてきたら 1 ページまるごと Plan モードで作らせてみる
