和 AI 一起寫程式 W2 面板第零版
WEEK 2 · 面板第零版
第二週:
你的名字出現在畫面上

今天三件事:寫需求卡、做出面板第零版、存成帶得走的單檔。
01
需求卡
02
面板第零版
03
單檔
國立東華大學
SLIDO · Q1
上週你帶來的小麻煩

用一句話講給 AI 聽。旁邊的人聽得懂,它才聽得懂。
用一句話寫下你要 AI 幫你做的東西
slido.com · #7610459
國立東華大學
REQUIREMENT CARD
需求卡四欄

填起來像這樣。
目標
記一杯水
背景
常忘記
輸出
名字、一顆按鈕,按了加一
界線
不登入
國立東華大學
GEMINI CANVAS
打開 Gemini Canvas,把需求卡貼進去

整張卡貼進去,按送出。右邊出現的是預覽,還不是檔案。
CHAT
目標/背景/輸出/界線
CANVAS
預覽
小明
記一杯
國立東華大學
ONE NEW IDEA
它跑起來了,
不等於它做對了

我預期 
實際上 
一樣嗎一樣 · 不一樣 · 我沒辦法判斷
會跑 ✓做對?
國立東華大學
當堂卡 · E1
當堂卡怎麼填

當堂寫、當堂交。正面第零版與兩版需求卡,背面兩張小表加四件事。
正面
第零版
第一版
第二版
停手判斷
背面
小表・第一次
小表・改一輪後
四件事
國立東華大學
ONE CHANGE AT A TIME
改一輪

一次只改一處,看一次結果,填一次小表。
改一處
看結果
填小表
國立東華大學
BEFORE YOU LEAVE
存成帶得走的單檔
(今天一定要做完)

1存進自己的雲端硬碟
寄一封給自己
裝置拿得到檔案
瀏覽器實測;受阻記卡關。下載夾不算
國立東華大學
NEXT WEEK · SLIDO Q2
下週:把它弄壞三次

帶著今天的單檔來。先投票:最卡的一步下週先補。
今天最卡的一步是哪個?
需求卡Canvas存檔
slido.com · #7610459
國立東華大學
TAKE HOME
帶走兩樣,交回一張

需求卡・帶走面板單檔・帶走當堂卡・現在交
課程網站
延伸練習:校園小工具 ↗國立東華大學

左右方向鍵翻頁,Home/End 到第一頁/最後一頁。投影片可離線開啟;外部教材連結需網路。