自學 Vibe Coding 十個月,我做了 52 個專案
跳至主要內容

自學 Vibe Coding 十個月,我做了 52 個專案

自學 Vibe Coding 十個月、做了 52 個專案的年度覆盤主視覺

本文原發表於《Vista 電子報(另開新分頁)》No.155

哈囉,你好!

時序進入十一月了,今年只剩兩個月。每年到這個時候,我都會替自己做一次年度覆盤,今年想先盤點的是一件從一月開始、到現在都沒停下來的事:自學 Vibe Coding。

Vibe Coding(另開新分頁) 這個詞你可能已經聽過很多次。簡單來說,就是用自然語言告訴 AI 你想做什麼,讓 AI 寫程式,你負責判斷做出來的東西對不對、好不好用。年初我開始認真用 Claude Code 做東西時,心裡想的只是:先把自己的官網重新整理一遍。沒想到一路做下來,十個月累積了 52 個專案,還寫成了一本書(另開新分頁),也做出一門七天的挑戰營(另開新分頁)。

這一期電子報,我想把這一年的前進歷程跟你分享:做了哪些網站與作品、它們帶來什麼改變、到底有沒有賺到錢。我也畫了五張圖,讓你一眼看懂全貌。

十個月,從一個官網開始

嗯,先來看看時間軸。

2026 年一月到十一月的 Vibe Coding 專案時間軸

一月,我做的第一件事是把 vista.tw 整站重建。這個網站陪了我很多年,這次我自己跟 AI 對話,把文章、課程和書籍頁全部搬到新的網站架構上。

二月時打造了課程系統,報名、刷卡、寄確認信都透過這個機制完成。三月做了 slides.vista.tw(另開新分頁),從此我上課的簡報都是網頁,學員打開網址就能看,不用再傳檔案。四月開始做研究工作臺,把我自己讀論文、整理文獻的流程變成工具。

到了七月,事情突然加速。那個月我一口氣開了 18 個新專案,包括 lab.vista.tw(另開新分頁) 這個 AI 實驗室、一套影片剪輯系統,還有 builder.tw(另開新分頁) 等幾個主題網站。八月時,做了 researcher.tw(另開新分頁),也就是現在廣受研究生們喜愛的研究者基地。

九月是今年最重要的月份:新書《零基礎學 Vibe Coding(另開新分頁)》出版了,同一個月我也上線了 deck.vista.tw(另開新分頁) 簡報典藏站。十月針對原有的課程網站進行改版,網址搬到 learn.vista.tw(另開新分頁)。十一月底,第一期七天挑戰營(另開新分頁)就要開營。

6,864 次存檔,是怎麼來的

工程師有一個習慣:每完成一小段修改,就存一次檔,叫作 commit。這個紀錄很誠實,你哪個月真的有在動手,一查就知道。

2026 年每月 commit 次數長條圖,八月最高 1,112 次

從一月到現在,我在 52 個專案裡一共存了 6,864 次。上半年每個月大約三百到六百多次,七月一下子跳到一千次以上,八月是最高峰,1,112 次。

七月會跳上去,是因為我換了做法。上半年我大多一次只做一個專案;到了七月,我開始讓 AI 同時處理好幾個專案,我在中間來回檢查、下判斷。我的角色從自己動手的人,慢慢變成發包和驗收的人。

不過,我也想提醒你,commit 數只代表動手的頻率,不代表做得好。有些專案存了上百次,最後還是停掉了。這一點,後面講收益時會再說。

52 個專案,到底做了哪些東西

把這 52 個專案按用途分類,大概是這樣:

52 個專案依用途分成五類:AI 工作流與小工具、自有品牌網站、私人儀表板、親友與客戶網站、課程與簡報平臺

最大的一塊,是 19 個 AI 工作流與小工具。這是我原本完全沒想到的。像是幫研究生整理論文的研究卡、檢查文章裡有沒有不適合用語的用字檢查工具、把錄好的課程自動剪輯的系統。它們多半沒有漂亮的介面,但每天都在幫我省時間。

第二塊是 14 個自有品牌網站,從 vista.tw、researcher.tw 到 builder.tw,每個網站對應一群不同的讀者。

第三塊是 7 個私人儀表板與後臺。這些網站只有我自己看得到,例如每天自動更新的營收與流量戰情室、整理客戶往來的 CRM、追蹤廣告成效的頁面。以前這些資料散在五、六個平臺,現在打開一個網址就看得到。

另外有 7 個是幫親友與客戶做的網站,其中包括一位大學教授的個人學術網站,以及幾個品牌官網。最後 5 個是課程與簡報平臺,也就是我上課與收款的地方。

這一年,我多了哪些能力

如果只能挑三件事來說,我會這樣說。

第一,從想到到上線的距離變短了。現在一個想法,往往一兩天就能做出能用的第一版,丟給幾位朋友試用,不好用就改,真的沒人要就放掉。放掉的成本很低,所以我更敢試。

第二,我學會把需求講清楚。Vibe Coding 最難的部分其實不是程式,是你能不能說清楚自己要什麼:給誰用、解決什麼問題、做到什麼程度算完成。這個能力回頭幫了我很多,寫課程企劃、寫提案、跟客戶開會,都變得更有條理。

第三,我可以自己蓋一間會營運的店。從報名頁、結帳、寄信、名單分眾到成效追蹤,這些以前要串好幾個付費服務、還要請人維護的東西,現在大部分是我自己做的。這讓我推出新產品的速度快了很多。

有賺到錢嗎?

這是很多朋友問我的問題,我也想照實回答。

作品、內容、名單、課程與收入互相帶動的循環圖

老實說,這 52 個專案裡,直接向使用者收錢的網站很少。網站本身多半不賺錢,它們的角色是門面、收銀臺與名單入口。真正帶來收入的,是上面這個循環:我做出作品,把過程寫成文章、書和簡報;讀者因此認識我、留下 E-mail;我再開課、辦工作坊,收入與學員的回饋,又讓我能繼續做下一個作品。

用數字來說,今年課程、工作坊與年度躍遷計畫的自營收入接近四分之一,其中線上報名與付款,走的都是我自己做的網站。這還不包括新書版稅、企業內訓與演講的收入,而新書與不少演講邀約,本身就是 Vibe Coding 這條路帶來的。

但是,我也想跟你分享兩個教訓。

第一個是,做得快,不代表可以少檢查。今年我有兩個花了不少時間做的產品,上架之後才發現需要重新設計,只好先停售。現在我做新東西,上線前一定會多跑幾輪檢查,也會先確認真的有人需要,再動手。

第二個是,網站越多,維護的負擔自然也越重。每個網站都要更新、要檢查、偶爾還會壞掉。所以今年下半年,我開始統整一些重複的東西。

我把這一年學到的經驗,寫成了一本書

今年九月出版的《零基礎學 Vibe Coding:用 AI 做出網站、App 與工作自動化工具(另開新分頁)》,就是把這一年的經驗整理成一條新手也走得通的路。

全書 14 章,從 Vibe Coding 是什麼、AI 助手與工具怎麼選開始,第 4 章就帶你完成第一個專案:一個待辦清單 App。接著談怎麼跟 AI 說話、怎麼看懂 AI 寫的程式、程式出錯時怎麼請 AI 修好。後半本是實戰,我直接拿今年做的網站當案例:第 8 章以 vista.tw 與 solo.tw 為例談怎麼從零做網站,第 9 到 11 章談名單工具、銷售頁與資料儀表板,最後一章談品質把關與風險。整本書不假設你會寫程式。

如果你想先看看適不適合自己,第 1 章和第 4 章的全文都可以免費試閱。

讀完書之後,找人陪你做出第一個作品

很多人讀完一本工具書,覺得自己應該做得到,但就是一直沒開始。

這很正常。自學最難的地方,從來都不是方法,而是沒有期限、沒有人陪、卡住的時候不知道問誰。所以我設計了一條三步的路徑:

讀書、七天挑戰營、持續做下去的三步學習路徑

第一步是讀書,知道 AI 能幫你做出什麼。第二步,是我這個月底要開的七天挑戰營:用七天時間,做出第一個你自己每天會用的小工具。第三步,就交給你自己持續做下去,上線、修改、慢慢累積成作品集。

七天挑戰營從 11 月 30 日開營到 12 月 6 日,每天早上 8 點,你會收到一封任務信,每天只做一件事:

  • 第一天:選一個你真的會用的工具,做出會動的第一版
  • 第二天:把需求講清楚,做出功能完整的版本
  • 第三天:拿真實資料跑一輪,修掉卡住你的地方
  • 第四天:讓它在手機上也好用
  • 第五天:找一個人試用,根據回饋改掉一個問題
  • 第六天:發布上線,拿到公開網址
  • 第七天:驗收直播,交出你的作品

用網頁版或 App 版的 Claude 就能跟上,不用安裝任何軟體,也不用會寫程式。已經在用 Claude Code 的朋友,每封任務信也附上終端機的做法。挑戰期間有 LINE 學習群組可以互相討論,12 月 6 日晚上我會開驗收直播,一起看大家做出來的作品。

需要提醒的是,Claude 免費帳號雖然也能做,但額度比較緊,七天連續做下來很可能會撞到上限,所以我建議挑戰期間訂閱一個月的 Claude Pro。

挑戰營費用是 999 元,報名到 11 月 28 日截止。

看七天挑戰營的介紹與報名(另開新分頁)

最後,想聽聽你的想法

如果明天就能做出一個小工具,你最想做的是什麼?是整理家裡記帳的表格、幫孩子排的讀書計畫,還是工作上每週都要重複一次的報表?

歡迎直接留言告訴我。你的點子,說不定就是挑戰營第一天最好的題目。如果身邊有一直想學 Vibe Coding、卻還沒開始的朋友,也歡迎把這篇文章分享給他們,或邀請他們訂閱《Vista 電子報(另開新分頁)》。

我們下次見!

Vista

讀完,下一步

把內容做成一套系統

11.14週六上午

內容人報名中

AI 內容產製系統工作坊

一份素材,自動產出六種格式

09:00–12:00・實體・臺北・每場限額 16 人

繼續讀:AI 實戰應用指南動手試:Vibe Coding 選案器(另開新分頁)