Vibe Coding:用 AI 顛覆傳統程式開發,Google AI Studio 讓你秒速打造應用程式

更新 發佈閱讀 5 分鐘

一、Vibe Coding 是什麼?

過去我們總以為「寫程式」一定要會語法、懂邏輯,還要花很多時間學工具。但這一年,AI 帶來一種全新的創作方式 —— Vibe Coding。它不是傳統 coding,而是一種「用聊天寫程式」的新語言。

想起以前還在當PM時,專案來了,我就要開始訪談需求,畫流程圖、Prototype,後來有了一些Prototype工具像是Figma、Axure…等就可以把系統畫面弄得更像一些,加速團隊的溝通,但有時還是覺得

要是可以一句話就寫出來該有多好!

沒想到這句話在 2025 年真的成真了。我竟然可以親眼看到Vibe coding幫我寫出來的成品,真是太開心了!

在 vibe coding 的世界裡,你不需要知道 function 怎麼寫,也不用記語法說明,只要描述你想要的功能、畫面、感受及效果,AI 就能理解並幫你完成作品。

二、Google AI Studio:最適合踏入 Vibe Coding 的第一站

Google AI Studio 畫面

Google AI Studio 畫面

如果說 Vibe Coding 是一種新的創作語言,那 Google AI Studio 就像是這個語言的最佳練習場。它是 Google 推出的 AI 創作平台,介面乾淨、功能直覺,只要會打字、會講話,你就能開始寫「AI 程式」。

Google AI Studio 最大的魅力就是—

它把高度複雜的 AI 能力,用最簡單的方式交到每個人手上。

如果打開平台非常「害怕」,也沒關係,下方就有範例讓你試著按看看!

直接使用範例就可以來建APP了

直接使用範例就可以來建APP了

或者直接來一句

請幫我用繁體中文介面寫一個能協助我練習英文口說能力的app

大概1-2分鐘,app就做好了!

三、原來真的只要把需求講出來就好了

回到金句卡,因為每天教會的群組都有早安圖(咦?)及張貼每日讀經進度,我就想說乾脆把兩個結合,變成下面的金句卡:

每日新眼光是每天都有一篇讀經進度,然後有固定的網址:https://www.pct.org.tw/dailyneweyes.aspx?strDID=20251206

=〉非常簡單可以破解的DID=當天日期。

所以我下的prompt是:

我想用AI studio 打造一個每日新眼光經文的圖卡,每日新眼光的文章,可以參考https://www.pct.org.tw/dailyneweyes.aspx?strDID=20251129
DID=當天日期,流程是每天找到每日新眼光的網址 (使用電腦日期),找到文章後,利用思考模型,將文章轉換成圖片,下方則是出現<YYYY/MM/DD><每日新眼光>,最後是每日金句的quote

除此之外,我也同步上傳了一張 我心目中的金句卡示範圖,讓 AI 更容易掌握我想要的 vibe。這個步驟讓我真正體驗到 Vibe Coding 的威力—— 不是精準指令,而是「方向、氛圍、想像」就足夠了。

AI 讀完我的描述後,很快就生成第一版作品,當畫面跳出來的那瞬間,我真的愣住好幾秒。那不只是「符合指令」的功能畫面,是超乎我想像的規格翻譯,我沒有提到需要一個日期選擇器、生成圖片的尺寸、甚至圖片的風格(我上傳的示範圖只是一般含圖文的早安圖),也直接做好了一個「下載金句卡」的按鈕!

一按下產生圖片,看到一張 真的看起來像我會做、甚至比我做得更漂亮 的金句卡,我真的覺得…哇,身在這個時代,真好!

系統畫面

系統畫面

後來當然也花了一些時間修改prompt(但也就是一小時左右),像是文字大小跟排版,還有一些日期顯示等小問題,但現在就是一個有趣的小APP了!

四、Vibe Coding 讓我重新理解了Agile Mindset

當金句卡生成的那一刻,我突然意識到:Vibe Coding 不只是幫我做出一個功能,而是完全改寫了我看待系統開發的方式。以前的我,在做任何工具時,腦中浮現的是waterfall的流程:

需求→規格→prototype→開發→測試 → 上線

但現在…

用 Vibe Coding 的過程讓我第一次真正感受到 Agile mindset 的精髓

  • 想法可以即刻實驗
  • 成品可以快速看到
  • 調整可以隨時進行
  • 不需要準備 100% 完整的需求,就能先走一步

最重要的是!我可以我可以一個人實現整套過程。

不需要前端、不需要後端、不需要設計師,也不需要排隊等資源。 從想法、prototype、概念驗證到對外示範,只要我願意,我就能自己完成。

如果說以前的敏捷是我理解的工作框架,那 Vibe Coding 則是讓我「親身感受到」敏捷帶來的自由。那種突然被打開的可能性,比成品本身還讓人感動。

至於…後來我又做了「每日活水」的金句卡,那又是另一個故事了!就跟大家分享到這囉!




留言
avatar-img
Yutinsight 升級之旅
2會員
111內容數
會計系畢業,變成IT主管 IT主管的副業卻是職涯探索講師 這場升級之旅,跟大家分享
2025/11/08
本文分享作者最近的學習心得,指出儘管 AI 技術已日趨成熟,但企業的流程、組織結構和文化卻尚未準備好。引用 McKinsey 報告數據,僅有少數企業能將 AI 應用規模化,高效能企業紛紛重設工作流程。企業和個人都面臨重新對齊思維與行動的挑戰,唯有不斷練習、從失敗中學習,才能讓 AI 成為成長的引擎。
Thumbnail
2025/11/08
本文分享作者最近的學習心得,指出儘管 AI 技術已日趨成熟,但企業的流程、組織結構和文化卻尚未準備好。引用 McKinsey 報告數據,僅有少數企業能將 AI 應用規模化,高效能企業紛紛重設工作流程。企業和個人都面臨重新對齊思維與行動的挑戰,唯有不斷練習、從失敗中學習,才能讓 AI 成為成長的引擎。
Thumbnail
2025/10/31
本文記錄作者如何運用 Google Apps Script (GAS) 自動化問卷結果分析報告的寄送流程。作者強調,藉由 AI 工具的輔助,人人都能實現自動化目標,並鼓勵讀者嘗試將想法付諸實踐。
Thumbnail
2025/10/31
本文記錄作者如何運用 Google Apps Script (GAS) 自動化問卷結果分析報告的寄送流程。作者強調,藉由 AI 工具的輔助,人人都能實現自動化目標,並鼓勵讀者嘗試將想法付諸實踐。
Thumbnail
2025/10/22
本文作者分享首次數位遊牧經驗,帶著孩子前往雪梨,體驗工作、學習與生活結合的彈性模式。從圖書館的工作日常,到飛機上看見的AI紀錄片,作者體悟到工作與生活並非二元對立,而是能互相滋養,並藉由觀察生活為工作帶來靈感與改變。文章邀請讀者分享數位遊牧經驗或生活中的靈感時刻,共同探討工作與生活的連結與樂趣。
Thumbnail
2025/10/22
本文作者分享首次數位遊牧經驗,帶著孩子前往雪梨,體驗工作、學習與生活結合的彈性模式。從圖書館的工作日常,到飛機上看見的AI紀錄片,作者體悟到工作與生活並非二元對立,而是能互相滋養,並藉由觀察生活為工作帶來靈感與改變。文章邀請讀者分享數位遊牧經驗或生活中的靈感時刻,共同探討工作與生活的連結與樂趣。
Thumbnail
看更多
你可能也想看
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
本文介紹如何利用Mermaid、Felo.AI和Gamma等工具,有效地產生心智圖、圖表和簡報,並提供一些引導AI精準回答問題的技巧。
Thumbnail
本文介紹如何利用Mermaid、Felo.AI和Gamma等工具,有效地產生心智圖、圖表和簡報,並提供一些引導AI精準回答問題的技巧。
Thumbnail
我們或許都有過類似經驗,花大半天做的精美筆記,最後卻只感動了自己。羊羹我過去也一直在這個無效努力的循環中打轉,後來才發現,問題或許不在我們不夠努力,而是從一開始就搞錯了筆記的真正意義。這趟探索將分享一套完整的思考體系,讓我們一起從辛苦的抄寫員,蛻變為聰明的知識建築師。
Thumbnail
我們或許都有過類似經驗,花大半天做的精美筆記,最後卻只感動了自己。羊羹我過去也一直在這個無效努力的循環中打轉,後來才發現,問題或許不在我們不夠努力,而是從一開始就搞錯了筆記的真正意義。這趟探索將分享一套完整的思考體系,讓我們一起從辛苦的抄寫員,蛻變為聰明的知識建築師。
Thumbnail
阿峰老師介紹了 AI 中的 prompts 及其重要性,並展示了三種創意工具(CT、CMC、MTC)與心智結構圖譜(MMF),強調這些工具如何幫助學習、記憶及應用理論知識。透過創意工具,AI 可以成為強大的創作夥伴,讓學習過程更有效且有趣。
Thumbnail
阿峰老師介紹了 AI 中的 prompts 及其重要性,並展示了三種創意工具(CT、CMC、MTC)與心智結構圖譜(MMF),強調這些工具如何幫助學習、記憶及應用理論知識。透過創意工具,AI 可以成為強大的創作夥伴,讓學習過程更有效且有趣。
Thumbnail
在AI快速變動的世界裡,我試著不焦慮,而是放慢腳步,陪伴孩子長大,也陪伴自己變成熟。這篇是我在《養樂多之旅》上的新篇,寫給每一位在成長路上練習心智的你。👨‍👦‍👦✨
Thumbnail
在AI快速變動的世界裡,我試著不焦慮,而是放慢腳步,陪伴孩子長大,也陪伴自己變成熟。這篇是我在《養樂多之旅》上的新篇,寫給每一位在成長路上練習心智的你。👨‍👦‍👦✨
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
在現代工作與學習中,心智圖是一個有效的視覺化工具,可以幫助我們組織和理解資訊。傳統心智圖的手動製作耗時,而AI技術讓心智圖生成變得更加高效且簡單。本文介紹了心智圖的基本概念、AI生成心智圖的優勢,並推薦了幾個優秀的AI心智圖工具,讓使用者能夠輕鬆創建和管理心智圖,提升創作和學習的效率。
Thumbnail
在現代工作與學習中,心智圖是一個有效的視覺化工具,可以幫助我們組織和理解資訊。傳統心智圖的手動製作耗時,而AI技術讓心智圖生成變得更加高效且簡單。本文介紹了心智圖的基本概念、AI生成心智圖的優勢,並推薦了幾個優秀的AI心智圖工具,讓使用者能夠輕鬆創建和管理心智圖,提升創作和學習的效率。
Thumbnail
Felo AI整合Notion,提升資料搜尋、整理與管理效率。Felo AI支援多語言搜尋、翻譯及自動生成心智圖,使用者可將搜尋結果直接儲存至Notion,省去手動複製貼上。其特色功能包含:一鍵匯入Notion、自動分類與結構化筆記、自動生成心智圖與高質感海報,大幅提升工作效率。
Thumbnail
Felo AI整合Notion,提升資料搜尋、整理與管理效率。Felo AI支援多語言搜尋、翻譯及自動生成心智圖,使用者可將搜尋結果直接儲存至Notion,省去手動複製貼上。其特色功能包含:一鍵匯入Notion、自動分類與結構化筆記、自動生成心智圖與高質感海報,大幅提升工作效率。
Thumbnail
行銷新知這塊真的每天都在更新,尤其是數位行銷的部分,變化超快!最近比較夯的幾個趨勢,像是GEO定位行銷,真的開始受到更多重視。簡單來說,就是利用使用者的地理位置,推送更符合當地需求的資訊或優惠,這樣不僅能提升轉換率,還能增加品牌曝光。 另外,大家一定聽過SEO吧?對於想在搜尋引擎上有好表現的行銷人
Thumbnail
行銷新知這塊真的每天都在更新,尤其是數位行銷的部分,變化超快!最近比較夯的幾個趨勢,像是GEO定位行銷,真的開始受到更多重視。簡單來說,就是利用使用者的地理位置,推送更符合當地需求的資訊或優惠,這樣不僅能提升轉換率,還能增加品牌曝光。 另外,大家一定聽過SEO吧?對於想在搜尋引擎上有好表現的行銷人
Thumbnail
Felo Search 是 2024 年推出的智慧搜尋工具,支援多語言和跨語言搜尋,適合日常查詢和學術研究。Felo Search 提供免費和付費版,免費版適合日常使用,付費版能提供更深入的答案,Felo AI 無廣告且能生成思維導圖,讓搜尋過程更專注高效,是非英語使用者接觸全球知識的理想工具。
Thumbnail
Felo Search 是 2024 年推出的智慧搜尋工具,支援多語言和跨語言搜尋,適合日常查詢和學術研究。Felo Search 提供免費和付費版,免費版適合日常使用,付費版能提供更深入的答案,Felo AI 無廣告且能生成思維導圖,讓搜尋過程更專注高效,是非英語使用者接觸全球知識的理想工具。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News