すべての章
第3章

ビルドループ

5分で読める

説明する → 生成する → 動かす → 反応する → 繰り返す

大きさを問わず、あらゆるビルドは同じループをたどります。欲しいものを説明する。AIが生成する。動かすかプレビューする。実際に見たものに反応する。次の変更を説明する。正しくなるまでぐるぐると。

VibeCampusのビルドスタジオでは、このループが組み込まれています。説明を入力し、生成を押すと、結果が即座にプレビューされ、設定なしですぐに反応できます。

1ターンを小さく保つ

1ターンに1つの変更がちょうどいい塩梅です。「次に著作権表記入りのフッターを足して」はきれいな結果になります。「フッターを足して、全部の色を変えて、モバイル対応にして、問い合わせフォームも足して」はぐちゃぐちゃになります。小さな勝ちを積み上げましょう。

どこが悪いか、具体的に言う

何かおかしいときは、それを名指ししましょう。「暗い背景だと文字が読みにくい」は行動につながります。「なんか変」はつながりません。見えているものと欲しいものの差を正確に説明するほど、早く埋まります。

スタジオで試す

この章のプロンプトをそのままVibe Coding Build Studioに持ち込み、形になる様子を見ましょう。

商品ローンチ用のカウントダウンタイマーページを作って。そこから一歩ずつ改善していこう。まずは私が選ぶ日付に向けて大きな数字がカウントダウンするところから。

Vibe Coding Build Studioで開く
VibeCampus