0%
一日工作坊:本機四階段實作15
課堂實作85 分鐘最後確認 2026-07-25

階段 2:AI 協作基本功與診所設定

以虛構診所名稱、醫師與班別完成第一輪客製,同時走過 Claude App 提案、權限、Review changes、Preview、分開核准 commit 與 push。

15

學完這一課,你會做到

  • 用四欄 prompt 完成診所基本資料設定
  • 完成一次安全的出錯與修復循環
  • 分開核准 Claude 建立 commit 與 push,並用 GitHub 網頁核對最新版本

開始前先定位

你在這裡一日工作坊:本機四階段實作

先用 repo 內建的瀏覽器 localStorage 跑起模板、完成排班與客製規則;這一段不安裝資料庫,也不要求雲端同步。

完成證據Checkpoint 2

Preview 顯示虛構診所名稱、三種班別與三位虛構醫師,重新整理後仍正確;你已完成一次錯誤修復,GitHub 最新 commit 與本機 Review changes 對得上。此時仍是本機練習模式。

本課先不做守住小步與資料界線

不使用真實病人資料,也不在尚未驗收時一次交付多個大型修改。

本課名詞階段 2Review changesPreviewcommitpush

節奏:短講、長做、再對齊

每個小單元先由講師示範三分鐘,再由你實作至少十分鐘,最後全班對齊。快者可在合成資料範圍內追加一個小客製;卡住者用紅牌與 checkpoint,不用犧牲午餐。

任務 A:改診所與班別

可直接使用的 Prompt
目標:把系統標題改為「微笑牙科(課程示範)」並設定早診 09:00–12:00、午診 14:00–17:00、晚診 18:00–21:00。
背景:這是排班課程模板,所有名稱與時段都是合成示範。
限制:沿用現有元件與資料結構,保留本機練習模式,不填 Firebase config、不新增 SQLite 或其他資料庫、不新增套件。
驗收:標題與三種班別在重新整理後仍正確顯示。請先重述與列出變更檔案,等我確認。

任務 B:加入虛構人員

可直接使用的 Prompt
請在現有醫師名單加入三位明確虛構人員:王醫師、林醫師、陳醫師。王醫師示範可排週一與週三晚診。不要建立任何病人欄位;不要猜測診所真實人事規則。完成後請列出我應親自驗收的點。

從 App 驗收到第一次安全存檔

  1. 依講師指示觸發預埋錯誤,不自行更改資料庫規則。
  2. 使用救命 prompt 修復,確認本機畫面回復。
  3. 在 Claude App 的 Review changes 查看差異,確認沒有真實資料、秘密或無關變更。
  4. 在 Preview 親自驗收;請 Claude 說明要納入的檔案與 commit 訊息,等你明確核准後才建立 commit。
  5. commit 完成後再次確認,再另行明確核准 push;回 GitHub 網頁核對 Owner/repo、分支、最新 commit 與檔案。Vercel 留到後段,不在這裡部署。
牙科排班工作坊的班別編輯畫面,可見虛構醫師與助理,以及早診、午診、晚診的時間。

階段 2 完成畫面對照:診所設定套用後,名單與三個班別會一起出現在排班介面;點任一格可在下方編輯區核對三段時間。

  1. 診所名稱應為「微笑牙科(課程示範)」,名單使用王、林、陳等虛構人員。
  2. 編輯區依序顯示早診 09:00–12:00、午診 14:00–17:00、晚診 18:00–21:00。
  3. 重新整理後設定仍正確,Review changes 不含病人欄位、秘密或無關重構。
畫面確認:2026-07-20牙科排班工作坊模板(合成資料)開啟原尺寸圖片

Checkpoint 2

Preview 顯示虛構診所名稱、三種班別與三位虛構醫師,重新整理後仍正確;你已完成一次錯誤修復,GitHub 最新 commit 與本機 Review changes 對得上。此時仍是本機練習模式。

參考資料

介面與方案會改版;實際操作仍以各工具官方頁面為準。延伸資料用來幫助理解,不取代本課安全原則。

低壓力自我檢查

Claude 提議順便重寫資料庫核心層,但你的任務只是改診所名稱,應該怎麼做?

準備好再標記完成完成狀態會留在這台裝置,下次回來可接著學。