この Playbook が最適化するもの
狙いは、ありとあらゆる AI ビルダーを集めることではない。ひとりで実際に公開できる構成を、できるだけ早く決めることだ。
| 段階 | 主なツール | この層の役割 | 避けたいこと |
|---|---|---|---|
| 方向づけ | ChatGPT, Claude, Perplexity | 誰向けか、何を約束するか、どのページを先に出すかを決める | メッセージがないまま見た目から入ること |
| UI の素案 | v0, Lovable, Bolt | 構図と画面の方向を短時間で比較する | 弱い案を何本も残し続けること |
| 実装ループ | Cursor, Claude Code, Codex | 決めた方向をコードとして仕上げる | 毎日のように主力ツールを変えること |
| 公開と運用 | Astro, Vercel, Notion | 軽く速く公開し、更新も回しやすくする | 最初から重いバックエンドを抱えること |
役割ごとのおすすめ構成
Cursor / Claude Code / Codex
実装、リファクタ、デバッグ、レビューの中心になる層。
向いている使い方: 毎日少しずつでも前進させたいソロ開発。
判断基準: 主力の開発環境は一つ決めて、しばらく乗り換えない。
v0 / Lovable / Bolt
最初の画面構成、ランディングページ、ビジュアル方向を素早く出す層。
向いている使い方: 白紙から強い構図に早く到達したいとき。
判断基準: 方向を選ぶために使い、意思決定を先送りするためには使わない。
Astro / Vercel / Notion
コンテンツ中心、多言語、編集型のサイトを軽く回したいときの公開基盤。
向いている使い方: 速さ、明快さ、運用の軽さを優先する構成。
判断基準: 目的を満たす最も軽いスタックから始める。
進め方
- 最初に約束を書く。誰向けか、何が変わるか、最初に出すページは何かを決める。
- UI の方向を数本だけ素早く出し、一つの強い構図に絞る。
- その後はエージェント型の実装ループで、実装、QA、文言調整、公開まで進める。
- 外形が出てから CMS、分析、自動化を足す。
今週まずやること
運用メモ: 立派な未完成システムより、ひとつの良い公開ページのほうが強い。
| いまの状態 | 最初にやること | まだやらないこと |
|---|---|---|
| 公開サイトがない | 約束が一つだけ伝わるホームを出す | 会員機能や複雑な価格ページは作らない |
| ホームはあるが証拠が弱い | デモ、ユースケース、事例ページを一つ出す | ブランド全体の再設計はしない |
| MVP はあるが伝わりにくい | ポジショニングと導線を書き直す | 機能追加で説明不足を隠さない |
どの建て方を選ぶべきか
| 進め方 | 主なツール | 向いている状況 | 主なトレードオフ |
|---|---|---|---|
| ホスト型の一体型ビルダー | GoDaddy Airo, Wix | 名刺代わりのサイトを早く出したいとき | あとで柔軟性が足りなくなりやすい |
| AI サイトビルダー | Dora AI, Relume, Wegic | 実装前にデザインの方向を探りたいとき | 長期の運用基盤というより方向決め向き |
| コード前提の表面 | v0, Cursor, Claude Code, Codex, Astro, Vercel | サイト自体がプロダクトや出版基盤になるとき | 判断の明快さと実装の規律が必要になる |
シンプルな判断基準
公開面があとでプロダクトのロジックや編集運用につながるなら、最初からコード寄りで始めるほうが伸びやすい。きれいな入口だけが必要なら、ホスト型でも十分なことが多い。
公開前チェックリスト
ひとり開発の具体的な進め方
| 日 | 主な目的 | 出力 |
|---|---|---|
| 1日目 | 約束とページ構成を決める | 見出し、対象、CTA、粗いセクション |
| 2日目 | UI の方向を 2〜3 本出して 1 本に絞る | 選ばれたレイアウト方向 |
| 3日目 | コードに移り、公開面をつくる | ホームと一つの内部ページ |
| 4〜5日目 | 証拠と仕上げを足す | 事例、デモ、文言調整、公開 |