1. 構思: 在 Google AI Studio 或 Firebase Studio 等工具中,以一句概略提示說明想要的整體應用程式。
2. 生成: AI 生成整體應用程式的初始版本,包括使用者介面 (UI)、後端邏輯和檔案結構。
3. 反覆修正: 測試應用程式,並透過後續提示新增或變更現有功能。
4. 測試與驗證: 由真人專員審查應用程式的安全性、品質和正確性。
5. 部署: 透過最終提示或按一下滑鼠,將應用程式部署至 Cloud Run 等可擴充的平台。
4. Vibe Coding 的優點與限制
優點
• 降低門檻: 大幅降低程式設計的門檻,使非技術人員也能參與開發。
• 提升速度: 可大幅縮短開發時間,特別是在為較簡單的工作設計原型時,能快速將腦中想法化為現實。
• 激發創意: 讓開發人員能更專注於用創意解決問題,減少手動實作的負擔。
限制與挑戰
儘管 Vibe Coding 帶來效率,但它也衍生了幾項重要的疑慮:
• 程式碼品質與安全性: 開發者在沒有完全理解功能的情況下使用 AI 生成的程式碼,可能導致未偵測到的錯誤、缺陷或安全漏洞
。有專家認為,用 Vibe Coding 進行量產程式碼的開發,具有風險。
• 可維護性與理解性: 程式碼的可維護性會非常依賴 AI 輸出內容的品質和使用者的檢查
。由於 LLM 動態生成程式碼,且開發者未親自撰寫,他們可能會難以理解其中不熟悉的語法或概念。
• 任務複雜度: 生成式 AI 擅長處理基礎演算法等簡單任務,但對於涉及多個檔案、文件不足的程式庫或具有實際影響的關鍵程式碼等更複雜的編碼問題,則難以應付。
• 專業人士的觀點: Andrew Ng 曾對此詞彙提出異議,認為它誤導人們以為軟體工程師在使用 AI 工具時只是「順著感覺走」。
5. 實現 Vibe Coding 的工具
許多工具支援這種直覺式或氛圍式的開發方式:
工具
適合對象/技能等級
主要功能與特色
相關模式
Google AI Studio
適合初階使用者 (無需程式設計經驗)
快速實現想法、生成應用程式並一鍵部署
無程式碼/低程式碼
Firebase Studio
適合初階至中階使用者
建構用於正式環境的全端應用程式,輕鬆新增資料庫、使用者驗證等功能
低程式碼/無程式碼
Gemini Code Assist
適合中階到進階使用者 (具備專業經驗)
做為 AI 程式設計師同伴,在現有的 IDE (如 VS Code) 中生成、說明及測試程式碼
低程式碼/AI 輔助
Cursor AI
適合想快速建構應用程式的開發者
AI 驅動的程式碼編輯器,Composer 工具可自動化大部分編寫過程
AI 驅動的編輯器
Claude
適合深度協作與文件導向任務
大型語言模型,擅長理解邏輯、結構化文本,長上下文能力強。Anthropic 旗下的 Claude 系列被認為擁有最強大的寫程式能力
LLM 聊天介面
Super Whisper
所有 Vibe Coding 實踐者
針對編碼優化的語音轉文字引擎,讓開發者透過語音指令進行開發
語音指令
Vibe Coding 的本質
Vibe Coding 標誌著軟體開發方式的轉變,就像是您在指揮一支 AI 交響樂團。您,這位指揮家,無需親自彈奏每一個音符(編寫每一行程式碼),而是專注於整體感受(氛圍)和期望的和諧(最終應用程式的目標)。您只需提供高階的對話式指令,而 AI 則會負責處理複雜的樂譜(實際程式碼)並確保樂手們(功能)準時且協調地演奏出來。
本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上,同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學,加上 ChatGPT 的輔助,您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗,還會大幅提高網站的搜索引擎排名,進而增加訪客流量和潛在客戶。