iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

Vibe Mode 開啟:30 天用 AI 打造網頁,邊做邊學 JavaScript 系列

秉持 Vibe Coding 核心精神——免硬背繁複語法,而是以 AI(ChatGPT/Claude 等)作為隨身導師,透過「發問、生成、理解、除錯」的自然協作,用 30 天完成網頁開發的跨領域通關。

參賽天數 17 天 | 共 17 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 |團隊nutc imac
DAY 1

# Day 1:什麼是 Vibe Coding?現代工程師的開發範式轉移與 30 天專案藍圖

歡迎來到這個為期 30 天的「Vibe Mode」開發挑戰!!! 如果你最近關注技術圈,一定聽過 Andrej Karpathy 提出的 Vibe Coding...

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

# Day 2:工欲善其事:打造 AI 驅動的 IDE(Cursor / VS Code + Claude Code / GitHub Copilot 設定)

歡迎來到 Day 2!昨天我們確立了專案藍圖 VibeFinance,今天我們要來打造屬於工程師的「鋼鐵人裝甲」——建置 AI 驅動的 IDE 環境。 傳統開發...

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

# Day 3:專案概念落地:如何用 AI 幫你做產品需求分析與 User Story 拆解

歡迎來到 Day 3!前兩天我們確定了 VibeFinance 專案地圖,並組裝好了 Cursor 這個「鋼鐵人裝甲」~ 今天我們要解決每個開發者都踩過的坑:需...

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

# Day 4:系統架構設計:讓 AI 生成系統架構圖與技術選型評估

歡迎來到 Day 4!昨天我們精準裁剪了 VibeFinance 的 MVP 需求~~,鎖定了三大核心 User Stories。有了清晰的產品輪廓,今天我們要...

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

Day 5:Context 的藝術:建立專案 .clinerules / .cursorrules,讓 AI 聽懂專案規範

歡迎來到 Day 5!經過前四天的摸索,我們已經確立了 VibeFinance 的產品目標、組裝好 IDE、拆解了 User Story,也畫出了 Next.j...

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

# Day 6: Vibe Mode 開啟:資料庫設計 —— 用 AI 規劃 ERD、生成 SQL Migration 與 Drizzle Schema

本日目標 到了階段二,我們正式進入後端與資料層(Data Layer)的建立!今天我們要為專案打造穩固的資料庫基石。我們將引導 AI 分析我們的產品需求,產出...

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

# Day 7 : Vibe Mode 開啟:打造 RESTful API —— 讓 AI 撰寫 Controller 與 Service 邏輯

本日目標 昨日我們完成 Drizzle ORM 的資料庫 Schema 規劃,今天我們要為「AI 個人財務追蹤器」串接後端心臟——RESTful API。 我們...

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

# Day 8 : 使用者是誰?整合 Supabase Auth 輕鬆搞定身份驗證與授權

到了第 8 天,我們的「AI 輔助個人財務追蹤器」已經有了資料庫 ERD 與基礎 API。但記帳軟體最核心的一點就是——隱私。我總不能讓全網際網路的人都看到我昨...

2026-09-22 ‧ 由 evangeline_77 分享
DAY 9

# Day 9 : 別讓防線大開!引導 AI 補足 Try-Catch、Zod 驗證與全域 Error Handling

今日目標 到了 Day 9,我們的「AI 個人財務追蹤器」已經擁有 Auth 機制與 API。但大部分 AI 預設產出的程式碼都有個致命缺點:極度樂觀。 預設狀...

2026-09-23 ‧ 由 evangeline_77 分享
DAY 10

# Day 10|睡個好覺的秘密武器!用 AI 自動生成 Vitest 單元與整合測試

今日目標 到了 Day 10,我們的「AI 個人財務追蹤器」已經擁有了 API 與 Day 9 加上去的 Zod 防禦機制。但身為一個現代工程師,最怕的就是「今...

2026-09-24 ‧ 由 evangeline_77 分享