方法 B・STEP 6
画像生成方式で作る
画像を起点に独自性重視で作る方法。デザイナー無しで独自感あるデモHPが作れます。
📚 このSTEPで学べること：画像生成方式の5つの手順 / まずは両方試してみる
画像生成方式 の手順
🔎
1. リサーチ
→
🎨
2. 画像生成
→
🤖
3. コーディング
→
🔧
4. 微調整
→
🌐
5. 公開URL化
💡 「この会社らしいHP」を画像で表現してから Claude Code に渡す。デザイナー無しで独自感あるデモHPが作れる。1案件 2-3日。
📹 実機の操作画面は 解説動画ページ で公開予定。
まずは 両方試してみる
1
Claude Design方式 で1社目のデモHPを作る（1日）
2
画像生成方式 で2社目のデモHPを作る（2-3日）
3
どちらが「自分に合う」か体感で判断
🎯 案件を取る前に判断軸で悩むより、とにかく両方完成させるのが何より大事。慣れたら案件によって使い分けOK。迷ったらまず Claude Design方式 から始めるのが安全策。
✅ このSTEPの完了チェック
画像生成方式の5手順を理解した
両方の方式を試した
自分に合う方式を判断した
🚧 準備中コンテンツ一覧
以下は今後追加予定のコンテンツです。元資料で「公開予定」とされている項目で、リンクをクリックするとここに移動します。完成し次第、通常ページとして公開されます。
🚧 今後追加予定
📹 解説動画ページ（実機の操作画面）
Claude Design方式・画像生成方式の実機の操作画面を動画で解説予定のページです。元資料内で「公開予定」とされています。
関連STEP：STEP5・STEP6
追加予定内容：デモHP制作の手順を、画面を見ながら追えるようにする