iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

以開發「智慧健身與習慣追蹤 PWA 」為主軸的 30 天 Vibe Coding 挑戰清單。 系列

第一週:Vibe Coding 基礎與環境建置 (Day 1 - Day 7)
第二週:核心功能實作與除錯心法 (Day 8 - Day 14)
第三週:系統擴充與資料處理進階 (Day 15 - Day 21)
第四週:AI 賦能與進階智慧化應用 (Day 22 - Day 28)
(Day29 - Day 30):完賽&反思

參賽天數 29 天 | 共 29 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 21 ] Vibe Coding 實戰:主動出擊——導入 FCM 網頁推播通知

只要有了 Service Worker (昨天的進度) 的加持,我們就能利用 Firebase Cloud Messaging (FCM) 讓網頁在關閉狀態下,...

2026-10-05 ‧ 由 wei_hung1206 分享
DAY 22

[Day 22] Vibe Coding 實戰:核心功能就位——打造組間休息計時器與自訂動作選單

系統的實用性取決於核心功能的完整度。今天專注將 Vibe Fitness 推進到真正能帶去健身房實戰的階段。透過精準的 Vibe Coding 提示詞,我們將把...

2026-10-06 ‧ 由 wei_hung1206 分享
DAY 23

[Day 23] Vibe Coding 實戰:多維度數據追蹤——實作日期導航與動態圓餅圖篩選

在健身規劃中,短期檢視(當日菜單)與長期趨勢(月/年訓練佔比)同樣重要。今天我們要為專案加入兩個進階的檢視功能:在表格頁面加上「日期導航條」,讓你輕鬆切換查看前...

2026-10-07 ‧ 由 wei_hung1206 分享
DAY 24

[Day 24] Vibe Coding 實戰:訓練軌跡全掌握——打造專屬健身日曆與總重量預覽

對於熱愛健身的人來說,能一眼看見整個月「哪幾天有練」以及「練了多少」絕對是最有成就感的事!每次健身完,看著自己今天的總重量加起來幾千甚至一萬,心中的成就感就會被...

2026-10-08 ‧ 由 wei_hung1206 分享
DAY 25

[Day 25] Vibe Coding 實戰:處理舊問題--登入問題與 Service Worker

挑戰已經接近尾聲,今天請AI幫我們檢查先前製作的規劃表「PLANNING.md」來確認我們和一開始規畫的內容還有哪些事情是我們還沒完成的,AI總共列出了六點主要...

2026-10-09 ‧ 由 wei_hung1206 分享
DAY 26

vibe coding 實戰: PPL 週訓練計畫與今日訓練流程表製作

讓 App 成為你的專屬線上教練大多數人在健身的話通常推拉腿三組訓練模式,每組都各會有一組固定差不多的訓練模板,如果每次訓練都要使用這去把每一個動作都重新再按一...

2026-10-10 ‧ 由 wei_hung1206 分享
DAY 27

[Day 27] Vibe Coding 實戰:點燃競技魂——打造社群排行榜與專屬健身代號

從單機紀錄到社群競技一個人練雖然專注,但如果能看到其他人今天推了多少重量,那種「不能輸」的求勝心絕對是突破 PR(個人紀錄)的最佳催化劑!在 Day 27,我們...

2026-10-11 ‧ 由 wei_hung1206 分享
DAY 28

[Day 28] 開發血淚史回顧:這 27 天來,AI 究竟是如何讓我崩潰的?

時光飛逝,到了今天,我的「智慧健身與習慣追蹤 PWA (Vibe Fitness)」專案已經大致上告一段落,核心功能也幾乎全數實作完成。看著螢幕上運作順暢的深色...

2026-10-12 ‧ 由 wei_hung1206 分享
DAY 29

[Day 29] Vibe Coding 自我檢討

工具選擇與上下文管理的失控(Token 災難)我會習慣性把 AI 當作許願池,卻不懂得控制它的「記憶負載」。我一開始太執著於當免費仔,在 Android Stu...

2026-10-13 ‧ 由 wei_hung1206 分享