不知不覺，30 天的鐵人賽開發計畫終於來到最後一天！

從一開始規劃 AI 保健小幫手的功能，到後來一步一步使用 ChatGPT 和 Codex 修改程式，我慢慢把原本的想法變成一個實際的網站。

這 30 天不只是新增功能，也遇到了不少問題。有些功能明明已經完成，卻沒有正確顯示；有些資料只能在本機保存；還有些畫面需要反覆調整，才能更接近自己想要的樣子。

但也因為這些問題，我開始學會不只是要求 AI 寫出程式，而是要確認修改了哪些檔案、測試功能是否正常，以及判斷目前到底完成了什麼。

一、最後一天，我做了什麼？

今天主要整理首頁的笑話功能。

我新增了 21 則諧音哏和冷笑話，例如：

• 什麼椅子坐了會開心？Enjoy 椅！
• 魔術師變不見，真是出神入化！
• 皇上感冒，太醫說：對朕下藥！
• 數學裡誰最嚇人？恐怖分母！

這次修改保留了原本的「換一則」按鈕、笑話輪播邏輯，以及節日笑話功能，沒有重新製作整個首頁。

修改完成後，我也重新載入本機網站，確認笑話可以正常顯示，按下「換一則」後也能切換到其他內容。

這次的修改讓首頁除了健康管理功能之外，也多了一點輕鬆、有趣的感覺。

二、30 天的開發成果

回顧這段時間，AI 保健小幫手逐漸加入了不同功能，包括：

• 首頁： 顯示日期、時間及每日關心內容。
• 用藥管理： 新增藥物、設定時間及記錄服藥狀態。
• 喝水紀錄： 記錄喝水量、顯示進度並提供提醒。
• 睡眠紀錄： 記錄日期、就寢時間及起床時間。
• 健康紀錄： 記錄每日狀態，並整理當天的健康資訊。
• AI 小助手： 根據關鍵字及現有紀錄提供回應，目前並非真正連接大型語言模型 API。
• 家人朋友： 加入朋友相關介面、暱稱設定及彩虹愛心等設計。
• 寵物與紀錄頁面： 擴充網站的互動內容及紀錄功能。
• 登入功能： 加入 Supabase Auth。
• 介面調整： 持續修改配色、按鈕、導覽列及首頁內容。
• 笑話功能： 增加一般笑話與節日笑話，並保留切換功能。

不過，這些功能的資料保存方式並不完全相同。有些資料仍儲存在瀏覽器的 localStorage，有些功能使用 Supabase，而朋友暱稱的跨裝置雲端同步也還需要進一步完成。

因此，功能已經逐漸成形，但不代表所有資料都已經完成雲端同步。

三、這 30 天學到了什麼？

這次開發讓我最大的收穫，是開始理解使用 AI 開發網站並不是只要輸入一句指令就結束。

即使 AI 可以協助修改程式，我還是需要：

1. 清楚描述自己想要的功能。
2. 確認 AI 修改的是正確的檔案。
3. 實際操作網站，檢查功能是否正常。
4. 發現問題後，重新整理需求並修正。
5. 區分本機測試、雲端資料保存與正式網站部署。

尤其是測試這件事，不能只看到 AI 回報程式碼沒有錯誤，就認為整個功能一定正常。實際操作之後，才有辦法發現畫面或功能上的問題。

我也慢慢學會把比較大的需求拆成小步驟，一次完成一部分，再繼續下一個功能。

四、接下來要做什麼？

目前網站的修改主要在本機專案中進行，最後還需要確認正式部署的版本。

由於目前 Codex 的 token 已經用完，這次先不繼續新增功能，而是把現有成果整理好。

接下來的目標是將確認完成的網站部署到原本的 Netlify 網站，取得可以分享給其他人的公開網址，並在部署後重新測試各個頁面。

公開網站也需要特別確認登入、資料保存及不同裝置的使用情況，避免把本機可以使用的功能直接當成所有人都能正常使用的功能。

五、30 天計畫正式結束

從最初的構想到逐漸完成網站，這 30 天讓我有機會實際體驗 AI 輔助開發的過程。

過程中有成功，也有需要反覆修改的地方。有時候一個看起來很小的功能，也可能牽涉到好幾個檔案；有時候程式碼沒有錯誤，實際使用時卻還是會出現問題。

但我認為，這些都是開發過程的一部分。

這次的 30 天計畫雖然結束了，AI 保健小幫手仍然有可以繼續改善的地方。未來如果有機會，我也希望能繼續完善資料同步、網站部署及其他互動功能。

30 天的挑戰到這裡告一段落，而這個網站的故事還可以繼續。