フェーズ 3・STEP 4

デモHP制作の2つの方法

デモHPはAIでゼロから作ります。作り方は2通り。まず違いを理解しましょう。

🎯 ゴール

デモHP制作の2つの方法の違いを理解する

⏱ 所要時間

読む目安：約3分

🧰 必要なもの

特になし

✅ 完了条件

2つの方法の違いを説明できる

📚 このSTEPで学べること：A. Claude Design方式 / B. 画像生成方式

デモHP制作の 2つの方法

📐

A. Claude Design方式

Claude Design でテンプレ生成 → Claude で顧客情報に書き換え。
スピード重視。1案件1日で叩き台。

🎨

B. 画像生成方式

リサーチ → ChatGPT で画像生成 → Claude Code でコーディング。
独自性重視。1案件2-3日で完成度高い。

💡 どちらも「AIでゼロから作る」点は同じ。違いは テンプレを起点にするか／画像を起点にするか。

2つの制作方法の違いを理解した

以下は今後追加予定のコンテンツです。元資料で「公開予定」とされている項目で、リンクをクリックするとここに移動します。完成し次第、通常ページとして公開されます。

🚧 今後追加予定

Claude Design方式・画像生成方式の実機の操作画面を動画で解説予定のページです。元資料内で「公開予定」とされています。