不會寫程式，用 AI 做出第一個 side project
這禮拜打開任何一個技術社群，都在講同一件事。V2EX 熱門榜上一天出現三則 vibe coding 討論，其中一則吵到 65 樓；Hacker News 頭版有一個講 AI 寫程式新做法的專案拿了 378 分；日本的 Zenn 在吵 Claude 的進階用法。中文圈直接在吵這件事本身，英文圈在吵工作流，日本圈在吵怎麼用得更深。
這些討論有一個共同前提：讀的人會寫程式。
這篇寫給另一群人。設計師、行銷、老師、開店的人。你有想法，願意動手，但看到黑底白字的終端機視窗就想關掉頁面。我想把這週大家在吵的東西講成你用得上的版本。
vibe coding 到底是什麼
一句話：你用日常語言跟 AI 描述你要的東西，AI 把程式寫出來，你看結果，再用日常語言叫它改。
「按鈕太小」「顏色換成綠色」「我要能匯出成 Excel」，這些話 AI 都聽得懂，而且會直接改給你。你從頭到尾不需要看懂任何一行程式碼。
這件事在 2026 年是真的可行。我要先把「可行」的範圍畫清楚，因為範圍畫錯是最常見的失望來源：
可行：一個單頁小工具（計算機、抽籤器、字數統計）、一張能收真實回覆的表單、一個給朋友看的介面設計。做出來、自己用、傳給十個朋友用，這個等級現在一個週末做得完。
先不要碰：會員登入、收信用卡、幾千人同時在線。這些做得出來的樣子，但撐不住真實使用，而且出問題時你會不知道從哪裡修。第一個專案不要選這種題目。
下面三條路線都免費就能開始，每條給你第一個 30 分鐘的具體走法。價格和方案內容我只寫查證過的（查證日期 2026 年 8 月 23 日，部分沿用本站 8 月初的查證），查不到的我會明講。
路線一：跟 Claude 聊天，聊出一個網頁
這條是 vibe coding 的本體。
第一個 30 分鐘：
- 打開 claude.ai，用 email 或 Google 帳號註冊。免費，不用信用卡。
- 你可能聽過「Claude Code」，那是給工程師用的終端機工具，免費方案沒有包含它，而你也不需要它。網頁版的聊天視窗就夠了。
- 在聊天框打一段話，描述你要的東西。給你一個可以直接抄去改的範本：
幫我做一個網頁：我貼上一段中文文章，它幫我算字數和大概的閱讀時間。請做成一個單一的 HTML 檔案，不要連任何外部服務，我要存在自己電腦上用。
- 接下來出現的畫面要先講，因為很多人在這裡愣住：Claude 不會把程式碼倒進聊天訊息裡。對話旁邊會打開一個面板，直接顯示做好的網頁，你可以當場貼一段文字進去試。Claude 把這個面板叫 Artifact。程式碼是存在的，收在面板上方的「Code」檢視裡，你從頭到尾不需要點開它。
- 把檔案拿到自己電腦上。在那個面板找下載按鈕（把游標移到面板角落的圖示上停一下，會浮出「下載」之類的字），按下去存檔，這樣就完成了，直接跳到第 6 步。只有在程式碼是直接印在聊天訊息裡、沒有面板的情況下，才需要手動存：按程式碼區塊上的複製按鈕，然後 Windows 打開「記事本」，貼上，另存新檔，檔名打
tool.html，存檔類型選「所有檔案」；Mac 打開「文字編輯」，先到「格式」選單按「製作純文字格式」（這步不做存出來會壞），貼上，存檔命名為tool.html。不管走哪條路，都不要用滑鼠自己框選程式碼，很容易連旁邊的說明文字一起選進去，存出一個壞檔。 - 到剛剛存檔的位置，雙擊那個檔案。瀏覽器會打開，畫面上就是你的工具。能用的那種。
接下來怎麼改：回到聊天視窗，用人話講哪裡不滿意。面板裡的網頁會自己更新，改完再按一次下載，把舊檔蓋掉就好。如果你走的是複製貼上那條路，每次都要跟它要「完整的新檔案」，不要讓它只給片段，因為你沒辦法判斷片段要貼進哪裡。
誠實的限制：免費版有沒有用量上限、上限多少，我查官方頁只查到「免費 $0」這件事，沒查到公開的額度數字，這裡不猜。如果聊到一半它要你等或要你升級，那就是碰到了。付費的話 Pro 年繳是每月 US$17、月繳 US$20，工程師用的 Claude Code 也是 Pro 起才有。第一個週末，免費版先用用看再說。
路線二：Tally，今天就能給別人用的東西
如果你的想法本質上是「收集別人的回覆」，你根本不需要寫任何程式。開店想試預購、老師要收報名、接案想收需求單，都是這類。
第一個 30 分鐘：
- 打開 tally.so，註冊免費帳號。
- 建一張新表單，把欄位打出來：姓名、聯絡方式、你想問的問題。
- 按發佈，拿到一條連結。
- 把連結貼到你的 IG、LINE 群組或粉專。
30 分鐘後你就有一個真的在收資料的東西。我認真覺得這算 side project：一張收到真實回覆的預購單，勝過硬碟裡任何做到一半的原型。
免費方案的實際內容（2026 年 8 月 23 日查自官方定價頁）：表單數量和回覆數量都沒有上限（合理使用範圍內），條件邏輯、檔案上傳、電子簽名、收款、串 Google Sheets 和 Notion 都包含在免費版。代價只有一個：表單上會掛 Tally 的品牌標示。要拿掉標示才需要付錢，Pro 每月 US$24，年繳折抵兩個月。注意方向：免費有品牌、付費才能移除，網路上有些文章把這個寫反了。
路線三：Google Stitch，先把畫面畫出來
有些人卡的點在前面一步：東西還沒成形，直接叫 AI 做會不知道從何描述起。那就先把畫面畫出來。
第一個 30 分鐘：
- 打開 stitch.withgoogle.com，用 Google 帳號登入。免費。
- 用一句話描述你想像中的畫面，例如「一個記錄每日開店營收的手機 app 首頁，重點數字放最上面」。
- 它會生出介面設計圖。不滿意就換句話再生。
- 拿這張圖去跟朋友聊，或是丟給路線一的 Claude，跟它說「照這個畫面做成 HTML」。
誠實的限制：Stitch 是 Google Labs 的實驗品，目前免費、官方頁上沒有任何價格資訊，但也有用量上限，上限的具體數字官方沒有公布，網路上流傳的數字彼此矛盾，所以我一個都不引用。實驗品的另一個意思是它哪天改版或收掉都不奇怪，別把它當成長期依賴。我們之前寫過一篇實際用它設計介面的心得，要深入可以看那篇。
你會卡在哪：三個誠實的預告
上面三條路線的共同點是「東西在你電腦上或在別人的平台上」。往下走一步，就會碰到這三面牆。先知道牆在哪，撞到的時候比較不慌。
牆一：部署，也就是把東西放上網路
你的 HTML 檔在自己電腦上跑得很好，但你想給別人一條網址。這一步叫「部署」，是終端機開始出現的地方，也是多數非工程師放棄的地方。
誠實的現況（本站 8 月初逐家查證的結論）：想要「免費、網站隨時醒著、還有真的資料庫」，目前只剩 Cloudflare 一家的組合做得到，而它的設定過程對非工程師不算友善。Render 有真免費方案，代價是 15 分鐘沒人用就會睡著，下一個訪客要等它醒。Railway 的試用金是一次性的 US$5（30 天），之後的誠實數字是每月 US$10 到 20。Fly.io 從 2024 年 10 月起就沒有免費方案了，別被舊文章騙。整體的誠實數字：要一個隨時醒著、有自己資料庫的服務，行情是每月 US$5 到 10。
我對第一個專案的建議是：先不要部署。單一 HTML 檔案用雲端硬碟或通訊軟體傳給朋友，但有一個但書要先講，不然你會白忙一個晚上：這招只在電腦上有效，手機不行。 對方用電腦收檔，雙擊就能在瀏覽器裡打開；用手機在 LINE 或雲端硬碟 app 裡點開 .html，只會進到文件預覽畫面，工具跑不起來，對方看到的是一頁原始碼或一片空白，然後回你一句「打不開」。所以傳檔時記得補一句「要用電腦開」，只用手機的朋友就當面示範，或錄一段操作畫面丟給他。醜，但零成本、零風險。等你確定這個東西值得一條手機也點得開的網址，再讀我們的免費託管實測和免費工具總整理，那兩篇是逐家查過價的。
牆二：網域，唯一躲不掉的錢
想要自己的網址（例如 yourname.com）就得花錢，這筆大約每年 US$12，是整個 side project 裡唯一真正不可避免的成本。我們查過的實例：Porkbun 的 .com 註冊和續約都是每年 US$11.08，含 WHOIS 隱私（不讓你的個資被公開查到）和自動續期的 SSL 憑證（就是網址旁邊那個鎖頭）。
不想花這筆也完全可以：用平台送你的網址就好。Tally 發佈時給的連結、託管平台配的子網域，第一個專案用這些毫無問題。
牆三：資料會不見
三種常見的不見法。第一種，免費方案整個消失，Fly.io 就是前例，你的東西住在別人的免費層上，房東是會改規則的。第二種，服務端刪資料或睡到叫不醒。第三種，最常見的：你自己把唯一一份檔案蓋掉了。
對策很土但有效：AI 每次給你的完整程式碼，另存一份，改壞了可以回去上一版。表單回覆定期匯出，Tally 免費版就能串 Google Sheets，等於自動備份。任何你在乎的東西，不要只存在一個地方。
卡住的時候怎麼求助
第一招永遠是：把錯誤訊息整段複製，貼回給 AI，前面加一句「我不是工程師，請一步一步教我」。錯誤訊息看起來像亂碼沒關係，AI 讀得懂。畫面上的問題就截圖描述。求助時把三件事講清楚：我做了什麼、我預期看到什麼、我實際看到什麼。只說「壞掉了」，誰都幫不了你。
最後一件事：做出來不等於養得起
這是我最想寫進這篇的一段。AI 幫你把東西做出來，不代表它會幫你維護。
三個月後會發生的事：瀏覽器更新了某個行為，你的頁面怪怪的；你串的某個服務改了規則；你想加一個小功能，但當初的程式碼你本來就沒看懂，現在更不會懂。這不是你的失敗，工程師的專案三個月不理也一樣會這樣，差別只是他們修起來快一點。
我的對策有兩條。第一，東西做小：單一檔案、少串外部服務，會壞的零件少，能壞的地方就少。第二，把你的需求用人話完整寫在一份文件裡存好。以後東西壞了或想改版，拿同一份需求叫 AI 整個重做一次，對非工程師來說，重做幾乎永遠比修理快。
這個週末找 30 分鐘，三條路線挑一條。做出來的東西大概會很小、有點醜，而且只有你自己在用。沒關係，第一個本來就長那樣。
這篇文章來自 SideShip，一個分享 side project 的地方。如果你手上也有一個做到一半、或做完了沒人看見的專案，把它發上來，3 個必填欄位、不用驗證信箱、兩分鐘。你發佈之後，我會親自留下第一則回饋。