iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
生成式 AI

VIBE CODING 全紀錄:0 經驗用 AI 打造 PWA 兒童任務管理平台》 系列

我是一位桌面應用軟體工程師,對網頁開發幾乎毫無經驗。
因為看見 AI Coding 的快速發展,我決定投入嘗試,運用近期備受關注的 Vibe Coding ,打造屬於自己的個人專案。

從題目發想、技術選型、UI 設計、實際開發,到上架與優化,
我全程與 AI 協作,透過對話推動專案進行,讓 AI 成為真正的開發夥伴。
這不只是「請 AI 寫幾段程式碼」而已,而是一場完整的產品開發體驗!

本系列將完整記錄這段過程,分享我如何在沒有網頁開發經驗的情況下,
一步步透過 AI 打造出一個完整的平台(https://taskyventure.com/),並成功讓它上線。

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 21

(Day 21)AI 幫我上架 Google Play:從 PWA 到 TWA 的實驗(下集)

在上一篇文章中,我透過 AI 的協助,把一個原本只是網頁型態的 PWA(Progressive Web App) 包裝成 Android App,並利用 TWA...

DAY 22

(Day 22)AI 幫我設計「免費升級方案 + 贊助金流」的運作實驗

把腦中想像的育兒工具慢慢做成能用的平台,這一路上 AI 幫了我很多忙。 到目前為止,平台已經有 任務管理、每週報告、成就系統 以及其他更多核心功能,小孩能自己操...

DAY 23

(Day 23)任務管理再升級:AI 協助下的月曆、週期與匯入功能

在產品開發的世界裡,上線並不是結束,而是新的起點。 一個系統能否長久被使用,不僅取決於功能是否完整,還取決於它的 維護性、彈性,以及回應使用者需求的速度。這些因...

DAY 24

(Day 24)回饋驅動的進化:小細節、大體驗 — AI 協助下的 UI 優化之路

在上一篇文章裡,我分享了透過 AI 來改善使用者對任務管理功能的回饋意見,進而推動平台功能與 UI 細節持續優化的過程。這篇文章,則要延續這個主題,分享更多實際...

DAY 25

(Day 25)把單字學習變成挑戰:AI 協助的親子實驗

在這段收集使用者回饋的時間裡,除了平台使用上的一些小問題之外,孩子的媽也提出了一個新的需求: 能不能在平台裡加入單字學習的功能? 確實,既然孩子每天都會透過任務...

DAY 26

(Day 26)快速上手任務管理,AI 幫忙設計的任務模板

雖然平台中的任務管理功能已經算是完整,也經過多次調整,但仍有用戶回饋:「能不能提供一些任務建議?因為不知道要新增什麼。」任務管理是整個平台最核心的功能,如果新手...

DAY 27

(Day 27) Kiro 初體驗:Spec 與 Vibe 模式的開發日誌實測

這段時間因為投入 iThome 鐵人賽文章的撰寫,平台的更新暫時停了下來。 為了避免思路斷掉,我決定在網站上增加一個「開發日誌」頁面,專門記錄平台的開發過程與背...

DAY 28

(Day 28)下一步發想:AI 與八角框架,為孩子設計一個更有動力的任務世界

關於平台的開發經驗,分享到此暫告一段落。接下來,我將主要分享平台未來的發展思考,以及這段時間與 AI 協作的開發心得與總結。 這個平台的目標,是希望能幫助孩子把...

DAY 29

(Day 29)零基礎也能行!用 VIBE CODING 與 AI 打造 PWA 兒童任務管理平台的經驗總結

如果你問過去的我:「要不要用網頁技術做一個完整的應用?」 我大概會搖頭,因為我本身是一名長期專注於 桌面應用程式開發 的上班族工程師。 對於 React、Fir...

DAY 30

(Day 30) Vibe Coding 的一些經驗與心得,以及對軟體工程師未來的一些隨想

這篇鐵人賽最後一篇文章想聊聊我這段時間在 Vibe Coding 的一些體驗與心得,也順便分享我對 AI 時代下,作為軟體工程師該如何看待自身能力和未來角色的一...