iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

夢幻甜品師闖工程世界:Vibe Coding vs 專業開發的 0→1 冒險攻略 系列

夢幻甜品師轉職工程師,學程式 4 個月。Vibe coding 可以很快做出「能跑的東西」,但做完第一個 0→1 專案後,我才知道「能跑」離「真的會開發」還有多遠。
這系列會跟大家一起重新走一次完整的專案開發流程,並用我的第一份專案《BuJo》當案例,拆解踩過的坑、做錯的地方、後來才知道的好方法。最後整理成一份 Vibe coding vs. 專業開發差異清單+實戰 SOP,看看一個小白怎麼從「先跑再說」,慢慢進化到看得懂、講得清楚、也修得動。

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

Day 11|打怪前先記得存檔!從 Git 看懂工作區、暫存區與 Commit

昨天整理完專案結構後,我們最後留下一個問題: 每一次有人進來改過什麼,我們要怎麼留下紀錄? 這就來到我學程式初期的一個大魔王: Git。 我一開始學 Git 的...

2026-09-03 ‧ 由 chuni 分享
DAY 12

Day 12|自己的存檔還不夠:從分支(Branch)到 GitHub,第一次把程式碼分享給別人

昨天,我們先把版本留在自己的電腦裡。 工作目錄 ↓ 暫存區 ↓ 本地儲存庫 但如果想把成果分享給別人看,或是四個人要一起完成同一個專案,總不能每個人都只守著自...

2026-09-04 ‧ 由 chuni 分享
DAY 13

Day 13|支線任務不能亂接回主線:從 Git Flow 看懂多人協作的分支規則

昨天,我們把本機的存檔送上 GitHub,也看懂了一個基本協作流程: 功能分支(Feature Branch) ↓ git push ↓ 拉取請求(Pull R...

2026-09-05 ‧ 由 chuni 分享
DAY 14

Day14|任務還沒開始,先把規則寫清楚:從 SDD 看懂 Code 前要先定義什麼

昨天,我們把多人協作的分支規則整理清楚了。 接下來,就開始在 Feature Branch 上做功能吧! 不過開始做功能,不是開了分支就直接往下寫。 在真正動手...

2026-09-06 ‧ 由 chuni 分享
DAY 15

Day15|Boss 還沒登場,先把通關條件寫好?從 TDD 看懂 Red-Green-Refactor

昨天,我們先用 SDD 把需求、預期行為和要完成的 Tasks 一步一步定清楚。 規格有了,接下來就真的要開始寫 Code 了。 如果說 SDD 是先把「系統應...

2026-09-07 ‧ 由 chuni 分享
DAY 16

Day16|拿到鑰匙就算會開門了嗎?從 Google Login 看懂 Access Token 與 ID Token

昨天聊到 TDD,測試讓我開始不只在意「功能有沒有跑起來」,也更在意:它到底是不是照我想要的方式在運作。 今天就來講一個我對這件事最有感的功能—— Google...

2026-09-08 ‧ 由 chuni 分享
DAY 17

Day17|明明路都走對了,為什麼還是卡關?從瀏覽器 Bug 看懂 Google 登入怎麼改走另一條路

昨天,我們終於把 Google Login 裡那些很容易混在一起的 Token 拆開了。 BuJo 第二版也從原本的 Access Token,改成用 ID T...

2026-09-09 ‧ 由 chuni 分享
DAY 18

Day18|Google 都放你進城了,BuJo 為什麼還要再發一張通行證?從 JWT、Cookie 到 CORS

昨天 Google 已經把使用者送回 BuJo,Backend 也成功驗證了 Google ID Token。 照我以前的想法: Google 都已經知道我是誰...

2026-09-10 ‧ 由 chuni 分享
DAY 19

Day 19|前台喊單,後場真的聽得懂嗎?從 API 看懂前後端怎麼用 HTTP 說話

昨天,我們從 Google 登入一路看到 JWT、Cookie 和 CORS,也反覆碰到一件事: Frontend 和 Backend 之間,每一次資料往來,都...

2026-09-11 ‧ 由 chuni 分享
DAY 20

Day 20|同一張訂單,前台後場怎麼可以各自解讀?從 API 契約看懂 API 文件

昨天,我們把一支 Web API 裡會出現的 Method、Path、Parameter、Request、Response、Status Code,一個一個放回...

2026-09-12 ‧ 由 chuni 分享