AI活用100本ノック

#100

Gemini Canvas + Google Sitesでプロト開発!

PdMによるプロトタイピングで「触れる」仕様書へ!

#GeminiCanvas#GoogleSites#プロトタイピング
Gemini Canvas + Google Sitesでプロト開発!
実践プロセス(AIによる自動生成)

1.PRDの補完

PRD完成後、UXや具体的な業務フローに関する補足情報をAIに入力しました。

2.Canvasでのプロトタイピング

GeminiのCanvas機能を使い、実際の動作イメージが伝わるフロントエンドの構成を生成させました。

プロンプト例
このPRDに基づいて、ユーザーが実際に操作できるHTMLプロトタイプを作成してください。主要な画面遷移と入力フォームを含めてください

3.Google Sitesへの埋め込み

AIが作成したHTMLコードをコピーし、Google Sitesに貼り付けて「触れる」プロトを公開しました。

4.合意形成の加速

開発リーダーとAIプロトを送り合い、「交換日記」のようにイメージをすり合わせ、工数見積もりの精度を上げました。