iCoRP × 東京都立大学プレミアム・カレッジ

Vibe Coding デザインシート かんたん版

5つの欄に書くと、右にプロンプトができます。「サンプルを読み込む」と、Step1で使ったものと同じプロンプトが現れるので、自分用に書き換えるのが近道です。最後に「プロンプトをコピー」して Gemini Canvas に貼り付けてください。

なにをしてくれる画面?(ひとことで)

「〜してくれる」「〜する」の形で。例:旅行プランを提案してくれる

使う人は、なにをする?

入力する・選ぶ・ボタンを押す、など。1行に1つ書くと読みやすくなります。

すると、なにが出てくる?

画面に表示されるもの・できること。中身はダミーで構いません。

見た目のお願い

色あい・文字の大きさ・雰囲気など。

こだわり・ひとこと(あれば)

空欄のままでも大丈夫です。

Gemini Canvas に貼り付けるプロンプト

記入欄から自動で組み上がります。この欄は直接書き直すこともできます。

※ 個人情報は書かないでください。本名・住所・電話番号・健康状態などはプロンプトに入れず、すべて架空のデータ(ダミー)でお試しください。他人の著作物(歌詞・小説の全文など)の貼り付けもご遠慮ください。