鐵人檔案
我將用 30 天記錄如何與 ChatGPT、Codex 協作，從需求拆解、前端介面與筆記功能開始，一步步打造可在 iOS、Android 與電腦使用的 Idea Note PWA。過程不只記錄 AI 產生的程式碼，也會實際理解、執行、除錯與驗證，並逐步認識資料儲存、後端、API、AI 功能及部署流程，最後完成一個可以公開使用與放入作品集的產品。
靈感經常來得很突然。 可能是在通勤途中、準備睡覺以前，也可能是在進行另一件事情時，腦中突然出現一句話或一個想法。如果沒有立刻記錄下來，幾分鐘後往往就想不起來了。...
昨天介紹了我想打造 Idea Note 的原因：生活中經常出現一些零碎靈感，但如果沒有立即記錄，很快就會忘記；即使寫進不同的筆記工具，之後也不一定找得到。 不過...
前兩天，我先整理了製作 Idea Note 的原因，以及第一個版本需要保留的功能。 原本我以為確認完功能，就可以直接繼續寫程式。但真正打開專案之後，我突然不知道...
昨天確認了 Idea Note 第一版的畫面：一個輸入框、一個儲存按鈕，以及顯示筆記的區域。 看起來好像很簡單，但今天準備處理「新增筆記」時，我才發現自己以前其...
這個系列的題目是「與 Codex 協作打造 Idea Note PWA」。 既然有 AI 可以直接修改專案，照理來說，我只要把需求說清楚，等它把程式寫完就好了。...
昨天整理了我想和 Codex 合作的方式：一次只處理一個小功能，修改後也要確認它究竟動了哪些地方。 今天決定先從一個很小的問題開始。 如果使用者沒有輸入內容就按...
昨天替 Idea Note 加入了第一個防呆：如果輸入框沒有內容，或只輸入空白，就不允許新增筆記。 今天沒有急著做下一個大功能，而是繼續處理新增完成後的操作。...
昨天把新增筆記後的操作收尾，讓輸入框可以自動清空，並且把游標放回輸入框。 今天開始處理另一個核心功能：刪除筆記。 在畫面上放一個刪除按鈕不難，真正需要處理的是，...
昨天替每一則筆記加入刪除按鈕後，Idea Note 已經可以新增與刪除內容。 今天要處理下一個核心功能：編輯筆記。 我原本以為編輯很簡單，只要把原本的文字放回輸...
