iT邦幫忙

2026 iThome 鐵人賽

DAY 1
0
ChatGPT & Codex

從需求到實作:30 天與 Codex 協作打造 Idea Note PWA系列 第 1

Day 1|從一個容易消失的念頭開始:為什麼我要打造 Idea Note?

  • 分享至 

  • xImage
  •  

靈感經常來得很突然。

可能是在通勤途中、準備睡覺以前,也可能是在進行另一件事情時,腦中突然出現一句話或一個想法。如果沒有立刻記錄下來,幾分鐘後往往就想不起來了。

我平常會使用手機備忘錄、通訊軟體或紙本筆記記錄這些內容,但時間久了,資料便散落在不同地方。真正需要某個想法時,反而記不得自己將它放在哪裡。

因此,我想打造一個屬於自己的靈感筆記工具——Idea Note

為什麼選擇這個題目?

這不只是一次功能練習,也是我重新建立完整開發流程的起點。

我過去接觸過 HTML、CSS、JavaScript,以及一些前端框架,但學習經驗多半集中在單一語法或局部功能。這一次,我希望從實際需求出發,完整經歷以下過程:

  • 釐清需求與使用情境
  • 規劃介面及資料結構
  • 實作新增、編輯與刪除筆記
  • 加入搜尋、分類及語音輸入
  • 認識資料儲存、後端與 API
  • 將網站調整為可以安裝的 PWA
  • 完成測試、部署與成果整理

最終目標是讓 Idea Note 能在電腦、iOS 與 Android 上使用,而不是只停留在本機執行的練習作品。

Codex 在這個系列中的角色

這次開發會使用 ChatGPT 協助釐清觀念與整理需求,並透過 Codex 查看專案、修改程式、執行指令及協助除錯。

不過,使用 AI 並不代表將一句需求交出去,再直接接受它產生的所有結果。

如果我無法說明程式為什麼這樣寫,也不知道如何判斷結果是否正確,那麼專案即使暫時可以執行,也不代表我真正具備維護它的能力。

因此,這個系列會完整記錄:

  1. 我向 Codex 提出了什麼需求。
  2. Codex 修改了哪些內容。
  3. 我如何理解產生的程式碼。
  4. 實際執行後出現了什麼結果。
  5. 遇到錯誤時,如何定位及修正問題。
  6. 哪些決定仍然必須由開發者負責。

30 天後想完成什麼?

30 天後,我希望完成一個具備基本筆記管理功能、適合手機操作,並能安裝至裝置主畫面的 Idea Note PWA。

如果開發進度允許,也會加入一項實際的 AI 功能,例如自動整理筆記重點或產生標籤,同時討論後端、API Key、使用額度及成本控制等問題。

這 30 天不只是記錄「AI 幫我寫了什麼」,而是觀察一個開發者如何與 AI 協作,將模糊的想法逐步轉換成可以執行、測試與持續改善的應用程式。

下一篇,我會先整理 Idea Note 的實際使用情境,區分第一版「必須完成」與「暫時不做」的功能,避免專案在正式開始前就無限膨脹。


下一篇
Day 2|從使用情境定義需求:Idea Note 的 MVP 應該包含什麼?
系列文
從需求到實作:30 天與 Codex 協作打造 Idea Note PWA10
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言