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):完賽&反思

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

[Day 1] 什麼是 Vibe Coding?從「寫碼者」到「系統架構師」的思維進化

從高中到現在也學習Coding 將近五年的時間,常常因為一個語法錯誤,而花費大量的時間除錯、查閱文件。而現在隨AI技術的成長,軟體開發的遊戲規則也開始改寫。這3...

2026-09-15 ‧ 由 wei_hung1206 分享
DAY 2

[Day 2] 挑選最強副手:主流 AI 程式輔助工具對比與選擇

工欲善其事,必先利其器在今天,我首先要握的事情就是選擇AI工具來擔任我的主力打手,所以挑選一個合適的工具,就成為了這次專案的成敗關鍵。所以我今天會盤點目前主流的...

2026-09-16 ‧ 由 wei_hung1206 分享
DAY 3

[Day[3] Prompt Engineering 的核心:如何在 AI 原生編輯器中精確下指令?

昨天決定了接下來的鐵人賽將要以Cursor 作為 Vibe Coding 的主力戰艦,但接下來我所遇到下一個挑戰就是該如何給 AI下 Prompt? 首先要知道...

2026-09-17 ‧ 由 wei_hung1206 分享
DAY 4

[Day 4] 專案啟動:用嘴巴寫Code第一步!請 AI 產出需求規格與架構圖

為什麼不直接叫 AI 寫程式?如果直接對AI下指令說「幫我寫一個健身APP的首頁」,通常得到的結果會是AI給了一堆華而不實的程式碼,或是最後大家請AI製作出的程...

2026-09-18 ‧ 由 wei_hung1206 分享
DAY 5

[Day 5] 零手寫挑戰:用終極架構圖,一鍵生成 PWA 專案實體檔案!

架構圖不只是看看而已!昨天我成功讓AI擔任架構師,規劃了一份非常專業且符合PWA與模組化逼準的目錄結構,但如果照著傳統開發,看著這一堆清單手動建立資料夾與檔案,...

2026-09-19 ‧ 由 wei_hung1206 分享
DAY 6

[Day 6] 資料庫綱要設計:從關聯式思維轉換到 Firebase NoSQL 結構

**今天我們將要完成開始寫code前的最後一步** 在請AI開始寫第一行邏輯前,還差一步: 資料庫綱要(Database Schema)。這次專案選用的是 F...

2026-09-20 ‧ 由 wei_hung1206 分享
DAY 7

[Day 7] 第一週回顧:Vibe Coding 初體驗的AI雷包紀錄與心態重塑

我已經完成了第一週的鐵人賽了,目前已經咬一個結構完整的「智慧健身PWA」骨架,而且是在我一行程式碼也沒有寫的情況下完成的! ** Vibe Coding 實戰...

2026-09-21 ‧ 由 wei_hung1206 分享
DAY 8

[Day 8] 刻劃專屬 UI:用自然語言變出純數字鍵盤與客製化計時器

「智慧健身 PWA」已經有了穩固的骨架與資料庫藍圖,現在是時候讓它長出血肉了!每次在健身房,做完重量訓練後,雙手都已經力竭了,這時候如果要打開手機用手機的數字鍵...

2026-09-22 ‧ 由 wei_hung1206 分享