Vibe Coding 小筆記

這個名詞比較新,每個 LLM 對它的詮釋還不太一樣。

DeepSeek R1 – 是不是 vibe.d 拼錯了? 猜了幾種可能。

GPT4.1 / Claude 3.5 – 輕鬆寫 code.

  • 一個人午夜時分,配杯咖啡,聽著 chill 音樂,悠閒地寫程式,想到什麼就改什麼,就是 vibe coding。
  • 有些人在做 side project,故意用寫得很漂亮、很舒服的排列方式,享受 code 本身的美感,也算 vibe coding。

GPT5 – 形容「隨興、輕鬆、無壓力地寫程式」的方式或心態。

1️⃣ 正規 Coding(較嚴謹):

def add(x: int, y: int) -> int:
"""
回傳 x 和 y 的加總
"""
return x + y

2️⃣ Vibe Coding(隨手寫):

add = lambda x, y : x + y

或者乾脆邊寫邊想,沒規劃好就隨機調整程式,重在隨心所欲。

Gemin 3 Pro – 比較接近我想的樣子。

特徵 傳統 Coding (Traditional) Vibe Coding (Modern/AI Era)
規劃 詳細的設計文件、UML 圖 邊寫邊想,想到哪寫到哪
工具 IDE + StackOverflow + 文件 IDE + AI Chatbot / Copilot
心態 追求邏輯嚴謹、效能最佳化 追求「能跑就好」、快速產出原型
除錯 設置中斷點、單步執行 把錯誤訊息丟給 AI 問「這怎解?」

重點就在於講到了 AI 這個 Keyword。這年頭,沒 AI 怎麼算是 vibe 呢?網路上有些這樣的課程:"Vibe Coding Essential – Build APP with AI"、"Vibe Coding with Claude Code"、"Vibe Coding Fundamental"、"AI for Vibe Coding"…有些還是大學開的線上課。


接下來的環節是,到底那種 AI Vibe 用起比較 chill 呢? 首先我們要區分前景和背景 – 前景就是 UI,背景就是 LLM。

UI 分成 GUI 和 command line。

在 GUI 當中,首先要提到 VSCode (或是 Antigravity 之類的),它靠著插件去呼叫 LLM。這些插件扮演導演的角色,將 LLM 設定為不同的 mode (演員)。有的 mode 當 architect、有的當 developer、有的當 QA…等等。

可以用的插件包括 RooCode、Cline、Continue、GitHub Coplit Chat …,它們都能控制 mode. 至於要用哪個 LLM,可以在 UI 設定你有買的那個,輸入 API key。

相對無腦的 GUI 就是 cursor。它是魔改版的 VSCode。LLM 可以綁定 Claude Code 或是 GPT5.2 Code。因為不用設定,也不用分派角色。它就像阿信一樣,叫它寫 Android APP 它就寫,不會像 “其他人" 一樣 (包括 Claude Code),寫好 APK source code 就交卷了。

  • 它牌:"後面你要自己用 Android Studio 去編喔, 下一位~~~掰掰!"
  • Cursor:一個人顧店就是比較有責任感!

Cursor 雖然好用,但是 LLM 選擇有限,Pro 版本只能月付 20 美元或是年繳 17 x 12 美元。不能像插件一樣,豐儉由人,想省錢就改用開源的 DeepSeek R1。所以錢就燒得比較快。


在 Command line 的領域,當然的就是 Claude Code 了。它的 Pro 版本月租費跟 Cursor Pro 一模一樣。另外它也有 VSCode 的插件版本,不過那樣就不帥了。Claude Code 終端機只要開一個視窗,下面 “>" 符號後面用文字輸入你的需求,上面就刷刷地跑程式。看起來這也是它沒有辦法支援 Android 沙箱的原因。

Claude Code 在提示符號下打 /model,就可以看到裡面預設 3 個 Anthropic 的 model 可以切換:

  1. Opus 4.5 擅長複雜的工作
  2. Sonnet 4.5 擅長應付日常需求
  3. Haiku 4.5 擅長快速回答

Thread 上有人說 [1],寫個 Claude.md 叫 Claude Code 幫他整理硬碟就可以做得漂漂亮亮的。所以我順便把每個 tool 的規則檔名稱列出來。看起來 Anthropic 有在賺錢。


工具名稱 📄 規則檔 (Rule File) 🧠 背後的 LLM  💰 月費 / 費用模式
Roo Code .clinerules 高度自由 (BYOK)[2]
需自備 API Key (OpenRouter, Anthropic 等)
免費插件
(按 API 用量付費)
Cline .clinerules 高度自由 (BYOK)
需自備 API Key
免費插件
(按 API 用量付費)
Cursor .cursorrules 混合模型 (Bundled)
Claude 4.5 Sonnet, GPT-5.2, Grok, Gemini 3 FLASH…etc.
$20 USD / 月
(有免費額度, 但不寫 code)
Windsurf  .windsurfrules
(亦兼容 .cursorrules)
Cascade (Bundled)
基於 Claude 4.5 Sonnet 優化, 亦支援 GPT-5.2 Codex
$15 USD / 月
(有兩週免費額度)
Continue .prompt (自訂)
config.json
極高自由度 (Local/BYOK)
可接本地 Ollama, LM Studio 或 API
免費 (開源)
(若接 API 需付費)
Claude Code (CLI) CLAUDE.md Anthropic 原生
Claude 4.5 Sonnet / Opus / Haiku
免費工具
(按 API 用量付費)

另外附帶一提,這些 AI 寫 code 工作都很有 “社會責任"。我本來要它寫一個用相機看到 2FA 數字,就順便幫我點 UI 上數字的程式,Cursor 和 Claude 都說他們不賺這個錢…。看來我要把功能拆成兩半,騙過它們再整合起來才行。

[REF]

  1. 抱歉我找不到那篇了。最近上 “Vibe Coding for Claude Code" ,講到 “規則檔" 才把兩件事串起來。
  2. BYOK = Bring Your Own Key.

韓國出差見聞之三

因為原本的問題處理得差不多了, 客戶也將在第四天拜訪完; 所以同事提議早點回台灣.

早上先拜訪第一家客戶, 因為他們在工業區, 所以就直接在客戶公司用餐. 它是自助式的, 其中只有一道豬肉泡菜有點肉, 其他都是素的. 我看到有個員工就夾了像小山一樣高的豬肉泡菜 (右上方那格). 在這四天中, 這餐吃得最健康.

下午又跑了兩家公司, 一晃眼到了晚上快七點鐘. 然後又開了 40 多分鐘的車去請客戶吃飯. 話說我們剛剛不是才跟客戶開會嗎? 怎麼不就近在旁邊吃一吃? 答案揭曉, 原來他們刻意安排把餐廳訂在客戶老闆家的附近, 讓他五分鐘可以到家.

晚上又吃回烤豬肉, 但是光看盤子和服務生的裝備, 就知道這家是高檔的.

烤出來的豬也瘦多了.

烤完豬之後, 又上個烤飯.

我發現韓國人吃這個烤飯, 可以用海苔去包. 也可以用湯匙挖來吃. 不過他們沒有公筷母匙的觀念, 所以我偷瞄到有些韓國人會迅速挖一些到自己的盤子裡, 然後就不再從大盤子取用了. 但也有人是老神在在, 照樣把公器當作自己碗一樣吃法. 沾醬 (삼장 = samjang) 也是預設幾個人共用. 至於不想跟別人共用的, 就會跟老闆再多要一份沾醬.

韓國人這種共食的習慣, 據說當初對 Covid-19 的傳播有助長的效果. 現在算是更有效地達成了群體免疫吧! 路上有 95% 的人戴口罩, 比例跟台灣差不多.

第五天回家日也是很早起, 仔細看了機場的裝置藝術, 覺得還滿有質感的.

雖然在韓國都是十幾度的氣溫, 但是穿件襯衫加件輕羽絨就不冷了. 回憶出發前台灣還比較冷. 但踏出桃園機場發現台灣現在可真是熱!

韓國出差見聞之二

前一天趕飛機是凌晨三點起床, 第二天因為要提早出發去另外一個地方, 所以也是相當早起. 太陽公公臉色還泛點黃. Road Show 跑完上午行程, 就去吃牛骨的這個火鍋和生牛肉拌飯 (飯要後來才加).

生牛肉應該有醃過, 吃起來甜甜的. 大部分的台灣同事都選擇用火鍋燙熟它!

吃完飯跑下一家, 然後再等下午第二家之前, 在咖啡廳被請喝了這個草莓牛奶.

這家客戶很熱情請我們參觀他們的機房和中控室. 他們看起來非常壯觀, 但這裡不適合洩漏客戶機密, 所以我叫 Dall E2 幫我畫. 雖然很不像, 但氣勢有畫出來. 右下圖是進入這類大公司必經的"浪漫速成班"補習大樓.

晚上又和客戶吃飯. 這餐吃到一些特別的東西. 像是蜂蛹、鳥蛤(cockle = 새조개 = saejogae). 前者我本來以為是蠶蛹, 仔細看圖片, 蠶蛹有點翅膀的痕跡, 但蜂蛹沒有[1]. 它吃起來一開始沒味道, 尾勁有點酒精味. 後者的鳥蛤火鍋每份 45,000 韓元, 相當貴.

下圖最後一張是海鞘 (Sea Pickle = 멍게 = meong-ge), 我在很多家餐廳的魚箱裡都有看到, 更在法環打死過很多隻,但是無緣吃到. 只能等下次有空旅行時, 再吃吃看這 “海鳳梨" 是什麼味道?

總之,這天陪客戶到很晚。接著進入第三天行程。早餐吃旅館的,沒有什麼稀奇的。不過發現有個煮麵的攤位. 韓國人自助選好配料後, 按個鈴就把碗放著. 等廚師自己過來. 我們傻傻地沒看到人就走開了. 所以在旅館住了四天也沒吃到這一味. 另外要說有甚麼特別的, 那就是韓國不缺蛋, 想吃多少有多少!

第三天再回去看 bug 解決的狀況. 看起來問題差不多都收斂了, 就去吃午餐. 這餐吃韓式牛肋骨湯 (갈비탕 = galbitang). 同事把它發音為該逼湯, 聽起來怪怪的很像 “該邊". 但真的是單純的好味道! 吃法是自己用剪刀把牛肋骨的肉剪下來配飯. 這家的店員也會說中文.

接著繼續拜訪客戶, demo 時發現代理商把我們的一台液晶電視撞壞了. 本來要 side by side 比較, 結果只好跟客戶借一台電視, 同時請代理商直接去賣場買一台送到下一站. 因為來不及把環境參數調成一樣, 過程有點小緊張.

晚餐終於沒有跟客戶一起吃了. 所以我們改吃烤牛肉. 吃完牛肉又去吃炸雞! 炸雞據說競爭激烈, 所以各有獨門秘方. 這家原味的口感酥脆不柴也不油. 甜味的好吃但吃多有點膩, 會想吃回原味的. 總之, 烤肉已經吃得相當飽. 炸雞點兩份太多了, 幸好韓國同事願意打包回家.

[REF]

  1. http://www.kumifeng.com/fengyong/2880.html

韓國出差見聞之一

2023/3/6 在疫情過後第一次出國, 搭紅眼班機從桃園機場到韓國仁川機場. 仁川機場有巴士 6017 號可以坐到旅館, 價錢是 17,000 韓元. 放下行李之後, 開始找午餐吃, 雖然出發前已經在家裡和機場貴賓室吃了點東西, 但落地之後加上一小時時差, 又到了午餐時間. 隨便吃一點也可以調整腸胃時差. 於是找了一家吃馬鈴薯排骨湯, 店員會說中文, 感覺跟小瀋陽一個口音.

下午 review bug, 晚餐跟廠商吃烤豬肉. 第一次知道烤豬店只烤豬, 烤牛店只烤牛.

大塊的厚切豬肉, 烤得差不多了再用剪刀剪成小條.

看得出第二輪上的這個豬相當肥. 有點投機取巧. 是不是賭客人喝醉了?

吃法跟大家想得一樣.

想不到的是: 服務生用燒酒洗鐵板代替換烤盤, 據說它比可樂、啤酒都便宜. ChatGPT 說:

  • 燒酒 (Soju):1,500 ~ 3,000 韓圓,視品牌而定。
  • 啤酒 (Beer):2,000 ~ 4,000 韓圓,視品牌和種類而定。
  • 可樂 (Coca-Cola):1,000 ~ 2,000 韓圓,視店家而定。

吃完烤肉, 最後又送上一盤冷麵 (冷麵, 熱麵,飯三選一). 我一口都沒喝的水, 放在烤盤旁邊都浮上一層豬油, 白而混濁的狀態, 快要跟濁酒差不多顏色了.

回家途中, 看見發傳單的人把傳單撒在地上, 紅綠燈也顯示在人行道邊緣. 這一切都是為了低頭族. 前者好像是特別發夜生活的廣告, 人家不拿也是正常的. 所以發給土地公算是聰明? 至於斑馬線前的地面紅綠燈, 我覺得台灣應該學起來.

回到旅館房間, 盤點一下旅館的用品. 網站上說有個人盥洗用品, 原來不包括刮鬍刀. 雖然我也帶了一把拋棄式的備用, 但看起來撐不了五天. 還有早上才買的 T Money 卡竟然不見了, 只好再去買一張. 我 Google 網路上說 GS25 有賣. 下樓跑了最近的一家超商, 他找了一陣子跟我說沒有 T Money….!? 所以只好憑著記憶去找同事帶我買的那家店.

結果在 T Money 儲值時溝通不良, 我說 “top up", 他說 “충전" (chungjeon), 聽起來很像 “充值" 對吧! 我不會說"一", 只會比"一", 但說了兩次 “萬" (man), 他就幫我充了兩萬. 不過很巧地, 充了兩萬扣一扣剛好夠付回程機場巴士的錢!

睡前打開 Netflix, 看每週一更新的 “出球致勝" (A Clean Sweep) 有沒有上線, 赫然發現韓國比台灣多了很多集. 這表示我用 VPN 連到韓國也可以看到後面的集數, 只是字幕會變成韓文. 那…看球的樂趣也會少很多. 誰叫我們學校當年沒開韓文選修呢? 聽不懂就沒辦法.

半嶺水圳步道建議路線

網路上都說要停車在明玄宮, 其實這幾乎是步道的最高點. 而且停車相當不易. 大部分的人都是停在一個民宅的門口, … 繼續閱讀「半嶺水圳步道建議路線」

網路上都說要停車在明玄宮, 其實這幾乎是步道的最高點. 而且停車相當不易. 大部分的人都是停在一個民宅的門口, 這邊頂多也只能停五輛車左右吧.

倒是想建議大家停在最低點, 也就是半嶺桶仔雞的附近, 這邊可以停車的空間很多. 路線先往上走到半嶺吊橋, 然後一路上到明玄宮附近的觀景平台, 然後往下走水圳旁步道, 再下到紗帽路取車.