システム構成
AI_Homepage が、どのように Web サイトを自動生成し、表示しているかの全体像です。中心となるのは AI（Claude）とソースコードの保管場所（GitHub）です。
1
ユーザー（ブラウザ）
プロジェクトを作成し、チャットで「どんなサイトにしたいか」を指示します。
2
AI_Homepage フロントエンド（Next.js）
画面の表示と操作を担当します。
3
AI_Homepage バックエンド（FastAPI ＋ 自動化ワーカー）
指示を受け取り、ブラウザを自動操作します。
4
Claude（claude.ai/code）
AI が実際に Web サイトのコードを生成・修正します。
5
GitHub（プライベートリポジトリ）
生成されたコードを保存します（main ブランチ）。バージョン管理の基盤です。
6
プレビュー表示
GitHub から最新のコードを取得し、画面にサイトを表示します。
その他の連携
OpenAI（画像生成）
写真が必要な箇所の画像を生成し、GitHub に反映します。
Idaten（連携ログイン）
Idaten からのログイン情報を安全に引き継ぎます（ハンドオフ）。
処理の流れ（例：新しいサイトを作る）
- ユーザーがチャットで指示を送信します。
- バックエンドがブラウザを自動操作し、Claude に指示を渡します。
- Claude がコードを生成し、GitHub の main ブランチに保存（push）します。
- 必要に応じて OpenAI が画像を生成し、GitHub に追加します。
- バックエンドが GitHub から最新を取得し、プレビューに表示します。
なぜ GitHub を使うのか
- すべての成果物を安全に保管する「正本（Source of Truth）」として利用します。
- 変更履歴が残るため、以前のバージョンにいつでも戻せます。
- ZIP でのダウンロードや、他システムとの連携が容易になります。