誰說寫程式要讀資工系？現在只要有「感覺」就能寫
你是不是一直想做個簡單的工具，像是幫公司做個自動計算報表、幫自己做個追蹤健身進度的網頁，但每次打開教學看到那些像外星文一樣的程式碼就想關掉？
其實現在流行一種叫 Vibe Coding 的寫法。簡單來說，就是你不需要去背那些死板的語法，你只需要負責「定義感覺（Vibe）」和「描述需求」，剩下的髒活全部丟給 AI 處理。就像你請了一個超級聽話的工程師，你只要告訴他：「我要一個像 Instagram 那樣簡潔、按鈕要像果凍一樣 Q 彈的介面」，他就能幫你寫出來。
為什麼現在一般人也能寫程式？
以前寫程式就像在寫數學證明，錯一個分號（;）整個程式就崩潰，你得花三小時找那個錯在哪。但現在用像 Claude 或 ChatGPT 這種 AI，它們懂的是「人類語言」。
你可以把 Prompt（就是你給 AI 的指令）想成是在點餐。如果你只說「我要吃飯」，AI 可能給你一碗白飯；但如果你說「我要一份中辣、加蛋、不要蔥的滷肉飯」，AI 就能精準地給你你要的東西。寫程式現在就是這樣，你描述得越具體，AI 出來的成品就越接近你的想像。
只要 3 個步驟，10 分鐘做出你的第一個網頁
不需要安裝任何複雜的軟體，只要準備好瀏覽器，跟著這樣做：
步驟 1：用「點餐法」下指令
打開 Claude，直接輸入你的需求。記得要包含：功能、外觀、對象。
❌ 錯誤示範： 「幫我寫一個記帳網頁。」（太模糊，AI 會隨便給你一個很醜的表格）
✅ 正確示範： 「我想做一個簡單的個人記帳網頁。功能要能輸入金額和項目，並在下方自動加總。外觀要像 Apple 官方網站那樣簡約，背景用淺灰色，按鈕要用圓角設計，整體感覺要現代且乾淨。」
步驟 2：複製程式碼
AI 會直接給你一段包含 HTML、CSS 和 JavaScript 的程式碼。你不需要懂這些是什麼，你只需要點擊右上角的 「Copy」 複製整段內容。
步驟 3：把程式碼變成網頁
- 打開 CodePen（這是一個免費的線上程式碼測試平台，就像是程式碼的試衣間）。
- 把剛才複製的內容貼進對應的區塊（或者直接貼在 HTML 區）。
- 畫面下方會立刻出現你剛才描述的網頁！
遇到 Bug 怎麼辦？不要怕，直接「抱怨」就好
很多人在嘗試時，發現 AI 給的東西沒辦法跑，或者按鈕顏色不對，就覺得自己沒天分。其實這時候才是 Vibe Coding 最強的地方：你不需要修程式碼，你只需要「抱怨」。
如果你發現按鈕太小，不要去研究怎麼改 font-size，直接對 AI 說：
- 「按鈕太小了，請把它放大兩倍，而且改成亮藍色。」
- 「我想在頂端加上我的名字，字體要用粗體。」
- 「這個功能在手機上跑起來怪怪的，請幫我優化成手機版。」
AI 會立刻幫你修改好，再給你一份新的程式碼，你再次複製貼上就完成了。這就像是在跟設計師溝通，你只要說「這裡感覺不對」，他就會幫你調到對為止。
給完全沒經驗者的 3 個小撇步
如果你想讓 AI 寫出的東西更專業，試試看加入這幾個關鍵字：
- 「請使用 Tailwind CSS」：這是一個現代的設計框架，加上這句，AI 做出的網頁會瞬間從 2000 年的風格變成 2024 年的質感。
- 「請讓介面具有響應式設計 (Responsive Design)」：這就是讓你的網頁在電腦看很漂亮，在手機看也不會亂掉的秘密。
- 「請幫我加上簡單的動畫效果」：讓按鈕在滑鼠移上去時會輕微跳動，會讓你的工具看起來像專業公司開發的。
總結：從「學習者」變成「指揮官」
以前我們學習科技是為了「能操作工具」，但現在我們需要的是「能定義問題」。你不需要去背那些枯燥的語法，你只需要練習如何清晰地表達你的想法。
想像一下，如果你能用這種方式幫公司寫一個簡單的自動化小工具，或者幫家裡的長輩做一個簡單的藥物提醒網頁，這比花半年去上程式語言補習班有用多了。
現在就打開 Claude，試著描述一個你一直想做的小工具開始吧！
