#100
Gemini Canvas + Google Sitesでプロト開発!
PdMによるプロトタイピングで「触れる」仕様書へ!
#GeminiCanvas#GoogleSites#プロトタイピング

実践プロセス(AIによる自動生成)
1.PRDの補完
PRD完成後、UXや具体的な業務フローに関する補足情報をAIに入力しました。
2.Canvasでのプロトタイピング
GeminiのCanvas機能を使い、実際の動作イメージが伝わるフロントエンドの構成を生成させました。
プロンプト例
このPRDに基づいて、ユーザーが実際に操作できるHTMLプロトタイプを作成してください。主要な画面遷移と入力フォームを含めてください3.Google Sitesへの埋め込み
AIが作成したHTMLコードをコピーし、Google Sitesに貼り付けて「触れる」プロトを公開しました。
4.合意形成の加速
開発リーダーとAIプロトを送り合い、「交換日記」のようにイメージをすり合わせ、工数見積もりの精度を上げました。