昨天在製作用藥管理時，我發現了一個問題。

雖然用藥管理頁面已經可以成功新增藥物，而且新增第二筆時第一筆也不會消失，但是新增的藥物卻不會出現在首頁。

所以今天沒有急著加入新的大型功能，而是先把這個問題解決。

我希望做到：

在用藥管理新增藥物後，首頁也可以同步顯示。

一、先確認昨天的問題

昨天測試時，我新增了一筆藥物：

藥物 A
08:00

在用藥管理頁面可以正常看到。
但回首頁後，原本的「今日用藥」並沒有出現這筆新資料。

後來我開始思考，問題可能不是「新增藥物」失敗，而是：
首頁和用藥管理沒有使用同一份資料。

也就是說，雖然用藥管理知道我新增了藥物，但首頁不知道。

二、讓兩個頁面使用同一份資料

我希望資料可以變成：

💊 用藥管理
      ↓
   新增藥物
      ↓
   💾 儲存資料
      ↓
 ┌────┴────┐
 ↓         ↓
首頁      用藥管理
 ↓
顯示今日用藥

這樣同一筆資料就可以被不同頁面使用。

三、實際測試

修改完成後：

** 測試一：新增第一筆**
我先新增一筆藥物。

✅ 用藥管理可以看到
✅ 首頁也可以看到

代表資料已經成功從用藥管理傳到首頁。

** 測試二：新增第二筆**
接著我再新增另一筆藥物。

✅ 第二筆可以出現
✅ 第一筆沒有消失
✅ 首頁也可以看到新增的資料

** 測試三：用藥狀態

接著我測試用藥的「已服用／未服用」狀態。

修改狀態後，首頁也會跟著更新。

這代表現在首頁和用藥管理不再只是兩個各自獨立的畫面，而是開始真正連接起來。

四、今天使用 Codex 解決問題

今天我使用的 Prompt 是：

「請檢查目前 AI 保健小幫手的用藥管理頁與首頁之間的資料同步。請確認從用藥管理新增的藥物會正確顯示在首頁的『今日用藥』區域，並確認『已服用／未服用』狀態在兩個頁面之間可以同步。請不要重寫整個專案，也不要修改目前已經正常的功能。請先檢查目前的資料流，找出問題後再進行必要的修改。修改完成後請列出修改內容，以及建議我如何測試。」

五、今天的成果

今天主要完成了：

• ✅ 用藥管理可以新增藥物
• ✅ 新增多筆藥物時資料不會互相覆蓋
• ✅ 新增的藥物可以同步顯示在首頁
• ✅ 首頁可以看到真正新增的用藥資料
• ✅ 用藥狀態可以同步更新
• ✅ 實際測試首頁與用藥管理之間的資料連動

目前整個流程已經變成：

新增藥物
 ↓
儲存資料
 ↓
用藥管理顯示
 ↓
首頁讀取資料
 ↓
顯示今日用藥
 ↓
修改用藥狀態
 ↓
首頁同步更新

這讓整個系統開始有真正「連起來」的感覺。

六、今天最大的收穫

今天讓我發現，做一個網站不是每一天都要一直增加新的功能。

有時候反而是把前一天做好的東西測試清楚，找到問題，再把它修好。

昨天看起來已經可以新增藥物，但實際使用時卻發現首頁沒有資料。

如果沒有自己測試完整流程，我可能根本不會發現這個問題。

所以現在我會比較習慣：

做完 → 自己操作 → 找問題 → 修改 → 再測試

而不是只看 AI 說「完成」就直接進入下一個功能。

明天要做什麼？

Day 10｜讓用藥資料留下來：重新整理後資料還在嗎？

目前用藥資料已經可以在不同頁面之間同步。

如果重新整理網頁，剛剛新增的藥物還會不會存在？

如果資料會消失，就要研究如何讓資料在瀏覽器中保存下來，讓這個保健小幫手更接近真正可以長期使用的工具。