Claude CodeとCodexでホームページ制作
ChatGPTClaude CodeCodex
目的
サイト制作
使用者タイプ
サイトを作りたい人
成果物
ホームページや診断サイトのMVPを短期間で形にできる。
使った順番
ChatGPTで企画整理 → Claude Codeで仕様書化 → Codexで実装
向いている人
サイトを作りたい人、AI活用をサービス化したい人
使用量・制限メモ
Claude CodeとCodexは、先に仕様書を作って小さく依頼すると消費を抑えやすい。
時間短縮効果
構成から実装までの往復が短くなる。
難易度 / おすすめ度
中 / 5/5
学び
思考と実装を分けると、利用制限や手戻りを抑えやすい。
良かった点
- 仕様を小さく分けると実装が進みやすい
- 設計と実装を分担できる
困った点
- 曖昧な依頼だと手戻りが出やすい
本文
ChatGPTで目的とページ構成を整理し、Claude Codeで仕様や既存構造を理解し、Codexで実装します。