您是否曾經有過這樣的時刻： 腦中跳出一個絕佳的工具點子（例如：「如果有個網頁能自動幫我算學生成績」或「好想做一個專屬的記帳介面」），但因為不懂寫程式（Coding），最後只能默默放棄？
今天湯姆士老師要介紹一個正在席捲科技圈的新概念—— "Vibe Code"（氛圍編碼），以及如何利用 Google Gemini 在幾分鐘內實現它。所謂的 "Vibe Code"，簡單來說就是：您不需要懂程式語法，您只需要負責把「感覺（Vibe）」和「需求」說出來，AI 就會負責把程式碼寫好並跑給您看。 這徹底改變了我們創造工具的方式。
這不是單純的產生程式碼片段，而是一個 所見即所得（What You See Is What You Get）的全新創作體驗。
🚀 體驗 "Vibe Code with Gemini"
過去的作法：以前我們用 ChatGPT 寫程式，通常是：「AI 給我程式碼」→「複製」→「貼到我的編輯器」→「跑不動」→「再問 AI」。
全新的解法：在 Google AI Studio 中，我們可以直接體驗這種開發模式。它定位介於「聊天機器人」與「專業程式開發環境（IDE）」之間。
在 Vibe Code with Gemini 的流程裡，這一切都在同一個視窗完成：
- 描述 Vibe（想法與感覺）。
- Gemini 寫程式 + 預覽畫面（立刻跑給您看）。
- 即可直接試用並修改。
✨ 為什麼該嘗試 Vibe Code？（四大亮點）
1. Prompt-to-App（一句話生成應用）
您不需要懂 HTML、CSS 或 JavaScript。您只要說：「幫我做一個計算每月開銷的 App，要用圓餅圖呈現數據，風格要簡約現代」，幾秒鐘後，一個完整的互動網頁就會出現在右側視窗。
2. 對話式微調（用說的就能改）
這是 Vibe Code 最方便的地方。如果您覺得預覽畫面中的某個按鈕顏色太醜，或想把標題移到中間，您不需要去翻找那是第幾行程式碼。只需要看著預覽畫面，在對話框直接打字說：「把那個藍色的送出按鈕改成紅色」或「把標題字體放大一點」，AI 就能理解您指的是哪個區塊並進行精準修改。就像身旁坐了一位隨叫隨到的工程師一樣。
3. 即時迭代（Iterative Refinement）
App 做出來後，您可以像跟工程師開會一樣繼續對話：「這裡加一個『匯出成 Excel』的功能」、「字體換成看起來更活潑一點的」。它會即時更新，讓您邊玩邊改，直到那個 "Vibe" 對了為止。
4. 不只是玩具：完整的程式碼控制權
對於懂一點程式的朋友，Gemini 不會把您當傻瓜。您可以隨時切換到 "Code" 分頁，查看它生成的 React 、TypeScript 或 JavaScript 程式碼，甚至手動微調。完成後，還可以一鍵部署（Deploy）Google Cloud Run 或匯出到 GitHub。
🛠️ 手把手教學：如何開始您的 Vibe Code 之旅
現在，我們就來實際操作一次。
步驟一：進入工作台 前往 Google AI Studio 並登入帳號。
步驟二：輸入您的咒語（Prompt） 在對話框輸入「點子」。
範例 Prompt： 「請幫我製作一個『番茄鐘工作計時器』。介面要簡潔，要有 25 分鐘專注和 5 分鐘休息的按鈕，並且在倒數結束時發出提示音。」
步驟三：測試與微調 右側會出現您的工作計時器。試著點點看(Preview / Code切換)。
生成APP完成：檢視程式碼
生成APP完成：檢視使用者介面
- 有沒有發現問題？ 在對話框試說：「倒數計時的字太小了，請放大兩倍。」
- 想要更多？ 說：「請增加一個『工作清單』功能，讓我可以寫下今天要專注的任務。」
步驟四：分享成果 經過功能測試且也滿意後，可點擊右上角的 "Share"（分享），您會得到一個網址，直接傳給朋友或同事，他們就能使用您剛剛做出來的 App 了！當然也可以點擊右上角的 "Deploy"（佈署）註1，您可以把APP公開在雲端上，且會開出一個伺服器來運行這個APP。
註1：寫好的程式或應用程式，從開發者的電腦移到伺服器或雲端，使其能被使用者透過網路存取、運行，這過程包含環境設定、上傳程式碼、啟動服務等一系列動作。 當然Google會跟您收取雲端使用費的。
按下分享後，即可分享專案
當然，也可以進行Advanced share permissions，細步調整權限
💡 實用場景推薦（給不同領域的您）
- 教育工作者： 快速製作互動式單字卡（Flashcards）、隨堂小測驗系統，或是視覺化的物理原理模擬圖。
- 行政/PM： 製作專案進度儀表板（Dashboard）、簡易的 CRM 客戶資料整理工具。
- 個人生活： 旅遊行程規劃表、個人記帳本、習慣追蹤器（Habit Tracker）。
- 創業者/開發者： 用最快速度做出 MVP（最小可行性產品）原型，拿去向投資人或團隊展示概念。
- 其他議題：可以想想工作上好想要什麼工具，不妨現在自己來開發吧！
結語
AI 工具的演進速度極快，從「對話」到「生成圖片」，現在已經進展到 "Vibe Code" 的時代。這意味著，技術門檻不再是阻礙，您的想像力才是唯一的限制。現在就打開 Google AI Studio，試著把您擱置已久的那個點子，用最直覺的方式實現出來吧！
(歡迎在下方留言分享您用 Vibe Code 做出了什麼有趣的 App！)
