本文へ移動
つまずき地図Vibe Dev Navigator
メニュー

AIでサービスをつくる、非エンジニアのための実践ガイド

AIに、「何と頼めばいいか」が見つかる。

エラーの直し方、この動きの名前、公開までの残り工程。 AIとの開発で「分からない」が出たら、症状のまま探せます。

チャットのAIに聞くだけでは、足りないとき

よくある頼み方

いい感じに直しておいて

このサイトが渡す頼み方

目的:
依頼していない変更を特定し、必要な変更だけに戻せる判断材料を得る。

今回依頼すること:
新しい変更はまだ加えず、現在の差分をファイルごとに整理してください。依頼と関係する変更、関係しない可能性がある変更、不明な変更に分けてください。
この依頼文を見る依頼文を閉じる
目的:
依頼していない変更を特定し、必要な変更だけに戻せる判断材料を得る。

現在の状態:
【ここに、何をしたらどうなったかを書く】

今回依頼すること:
新しい変更はまだ加えず、現在の差分をファイルごとに整理してください。依頼と関係する変更、関係しない可能性がある変更、不明な変更に分けてください。

変更してよい範囲:
【ここに、変更してよい画面やファイルを書く】

変更しない範囲:
ファイルの削除、変更の取り消し、履歴の書き換え、追加実装は行わない。

完了条件:
- 変更されたファイルが一覧で分かる
- 各変更が依頼範囲に入るかを理由付きで確認できる
- 次に戻す候補が示されても、自動では取り消されない

実装前に確認すること:
- 対象とするファイル、現在の差分、関連する設定を読み取り、変更計画を短く示す
- 判断できない点があれば、変更する前に止めて質問する

実装後に報告すること:
- 変更したファイルと変更理由
- 実行した確認と、その結果
- 未解決の点や追加で確認が必要な点
このページで詳しく見る

公開までの8工程

気になるステップを選ぶと、その工程を確認できます。

全体の流れを見る
  1. 目的を決める作る理由を、利用者の言葉で一文にする。
  2. 必要なことを絞る必要最低限の機能と次へ進んでいい条件を決める。
  3. 迷わない流れを設計する入口、現在地、次の行動が迷わず分かる流れを作る。
  4. 小さく実装する確認できる大きさで、一つの目的を実装する。
  5. 動きを確かめる主要な操作が次へ進んでいい条件を満たすと確認する。
  6. 公開用に組み立てる公開環境向けのビルドが成功する状態にする。
  7. 公開する対象を取り違えずに公開し、公開URLで確認する。
  8. 観察して改善する事実をもとに、次の小さな改善を一つ選ぶ。