RESEARCH NOTE · FILE No.099 AI 創新思維 戰士 WARRIOR

我完全不會寫程式,卻用 Vibe Coding 做出了遊戲 App 和網站

完全不會寫程式,也能把腦中的點子做成 App 和網站。創新先生分享第一次接觸 Vibe Coding,到完成《動一動左右腦》與 AI 創新應用學院的實作過程。

約 8 分鐘閱讀

💡 喜歡這類重新思考的內容?每週收一封《第二答案》

免費訂閱
完全不會寫程式,透過 Vibe Coding 將創意轉化成遊戲 App 與網站

今年農曆年前,我和好友 Vista 老師一起喝咖啡。聊著聊著,他突然跟我說,他正在把原本的網站「全部打掉重練」,正在用 Vibe Coding 重新做一個新的網站。

我聽完第一個反應是:

現在已經可以這樣做網站了?

那也是我第一次真正接觸到 Vibe Coding。

在這之前,我完全沒有寫過程式。

不要說寫程式,看到一大串程式碼,我大概只會很有創新精神地——先把它關掉。

但 Vista 老師鼓勵我,不一定要先學會寫程式,才有資格做產品。

現在有了 AI,可以換一種方式:

先想清楚你想做什麼,再和 AI 一起把它做出來。

後來,他鼓勵我使用 Google Antigravity,把腦海中的想法真正變成可以操作的東西。

我就這樣跨出了 Vibe Coding 的第一步。

我的第一個問題:我可以用 Vibe Coding 做什麼?

身為發明家和教創新思維講師,我很習慣想到一個點子之後,腦袋就開始跑:

「這個能不能做?」

「如果改成另外一種形式呢?」

「有沒有可能把原來的產品,變成完全不同的東西?」

剛好那時候接近農曆過年,我想到自己以前曾經設計過一款《左右腦動一動紅包》。

這款紅包不是只有把錢放進去而已,而是加入左右腦訓練、問題分析與解決,以及創新思考的小挑戰,希望讓大家在過年時,不只是拿紅包,也可以順便動動腦。

我突然冒出一個念頭:

如果把實體的《左右腦動一動紅包》,變成一款任何人打開手機就能玩的遊戲 App 呢?

這個問題,後來就變成我的第一個 Vibe Coding 專案。

不會寫程式,真的可以做出 App 嗎?

答案是:真的做出來了。

過程當然不是我輸入一句:

「請幫我做一個很厲害的 App。」

然後 AI 就鞠躬說:「主人,完成了。」

沒這麼夢幻。

很多地方我看不懂,也不知道問題出在哪裡,只能一邊試、一邊修改,不懂的地方再請教 Vista 老師。

但也正因如此,我開始慢慢理解一件事:

Vibe Coding 的價值,不只是幫你寫程式,而是大幅縮短「想到」和「做到」之間的距離。

最後,我真的把原本的實體創意,變成了第一個 Vibe Coding 作品——《動一動左右腦》遊戲 App。

更讓我意外的是,我的母親和一些親友居然玩得很開心。

原本只是一個「我想試試看」的小作品,竟然真的開始有人使用。

一個小作品,後來還帶來了兩場演講

更有趣的事情還在後面。

後來台北市電腦公會剛好規劃一個與 AI、大腦思考有關的主題:

AI 讓你思考變更少了嗎?

當大家都開始使用 AI 提升效率,也開始有人討論另一個問題:如果什麼事情都直接交給 AI,我們自己的思考能力會不會反而使用得更少?

台北市電腦公會從我的「創新先生管理顧問」網站看到《動一動左右腦》,因此特別邀請我過去分享,而且一連安排了兩場演講。

這件事情對我來說很有意思。

一開始,我只是想知道:

我能不能用 Vibe Coding,把一個舊產品變成新的形式?

後來卻變成:

一個 App、一個新的演講案例,甚至是一個新的創作方向。

這可能也是創新最好玩的地方。

你永遠不知道一個小小的實驗,後面會長出什麼。

發明家最開心的事,就是腦中的東西終於做得出來

身為發明家,也是教創新思維的講師,我一直很享受「把想法做出來」這件事。

以前有一個點子,你可能還要找工程師、找設計師、準備預算、討論規格。

有些點子甚至還沒有真正開始,就先躺在筆記本裡退休了。

但 AI 與 Vibe Coding 的出現,正在改變這件事。

現在,一個不會寫程式的人,也有機會從:

「我有一個想法。」

繼續走到:

「來,我做給你看。」

對我來說,這才是 Vibe Coding 最吸引人的地方。

它不是讓每個人突然變成程式設計師。

而是讓更多原本沒有程式能力的人,也開始擁有「把點子做成原型」的能力。

Vibe Coding 不是讓每個人變成程式設計師,而是讓更多人擁有把點子做成原型的能力。

但把點子做成原型,只是開始。如果你也已經用 Vibe Coding 做出一些東西,接下來更難的問題,往往是怎麼讓這個作品被真正需要——這也是AI 賦能學術研究與寫作實戰工作坊這門課想談的事。

後來,我連自己的網站都做出來了

《動一動左右腦》還只是開始。

後來 Vista 老師又教我使用 Claude Code,重新打造自己的網站:

AI 創新應用學院 ai.innovators.tw

直到現在,我有時候還是覺得很不可思議。

一個完全不會寫程式的人,居然可以自己參與網站的規劃、修改、測試,再一步一步把腦海中的樣子做出來。

當然,我現在還是不敢說自己會寫程式。

但我開始會另外一件事情:

我知道怎麼把自己的想法說清楚,讓 AI 幫我把它往前推進。

這兩件事情,其實不太一樣。這也呼應創新思維如何運用在 AI 工具上?——不是只叫 AI 給答案,而是先想清楚自己想做什麼,再讓 AI 陪你把它往前推進。

Vista 老師把這套方法寫成一本書了

今天很開心看到 Vista 老師的新書正式上架:

零基礎學 Vibe Coding:用 AI 做出網站、App 與工作自動化工具

我看到這本書的時候,其實很有感。

因為我自己就是那個「零基礎」的人。

從第一次聽到 Vibe Coding,到做出《動一動左右腦》,再到現在的「AI 創新應用學院」,我確實一步一步體會到:

AI 正在讓「創意」和「實作」之間的門檻變低。

而對有很多點子、卻總覺得自己不懂技術的人來說,這件事尤其重要。

你不一定要先問:

我會不會寫程式?

也許更值得先問的是:

我到底想做出什麼?

當這個問題夠清楚,現在的 AI,已經有機會陪你把後面的路走很遠。

Vista 老師也很慷慨地公開分享他的簡報:

你的點子,AI 做得出來嗎?

如果你也有很多想法,卻一直卡在「我不會寫程式」,這份簡報很值得收藏。

我今天也趕緊購買這一本新書《零基礎學 Vibe Coding:用 AI 做出網站、App 與工作自動化工具》。

對我來說,Vibe Coding 最大的改變不是「我終於會寫程式了」。

因為老實說,我還是不會。

真正的改變是:

以前很多點子只能停在腦袋裡;現在,我開始有能力把它們一個一個做出來。

如果你也常常同時卡著好幾個點子,不知道該先做哪一個,也可以參考AI 點子太多怎麼選?

而這件事,對一個喜歡創新的人來說,真的很好玩。

Vibe Coding 常見問題

Vibe Coding 是什麼?
Vibe Coding 是利用生成式 AI 協助理解需求、產生程式碼、修改功能與除錯的開發方式。使用者不一定要從零逐行撰寫程式,但仍需要清楚描述需求、判斷結果並持續測試。
完全不會寫程式,也可以學 Vibe Coding 嗎?
可以從小型作品開始。不懂程式並不代表不需要思考,反而更需要把問題、使用情境與想完成的功能說清楚,再透過 AI 一步一步測試。
Vibe Coding 可以做 App 或網站嗎?
可以。這篇文章中的《動一動左右腦》就是我從實體產品概念延伸出的遊戲 App,而 AI 創新應用學院也是我後來利用 Claude Code 參與打造的網站。
Vibe Coding 和傳統寫程式有什麼不同?
Vibe Coding 大幅增加以自然語言與 AI 協作開發的比例,但並不代表程式知識變得完全不重要。對零基礎使用者而言,最大的價值是降低製作原型與驗證點子的門檻。

有點子,下一步不是先增加功能

Vibe Coding 已經讓做出作品變得更快,但作品真正被需要,還需要重新理解問題、使用者與價值。如果你已經做出網站、App 或 AI 小工具,可以進一步看看「AI 時代的工具創新設計力」。

看看 Vibe Coding 作品如何重新設計
KEY TAKEAWAY · 本篇最值得帶走的判斷

完全不會寫程式,也能把腦中的點子做成 App 和網站。創新先生分享第一次接觸 Vibe Coding,到完成《動一動左右腦》與 AI 創新應用學院的實作過程。

NEXT STEP · 一個主要下一步

創造力可以練習,用方法找到更好的點子

《創新先生瘋狂創造力》線上課程帶你掌握創造力核心技巧、有步驟的點子發想流程,以及從案例學習如何突破慣性思維。

Hahow 線上課程 前往 Hahow 了解課程
RESEARCHER FILE · 創新先生作者檔案
陳建銘 · 創新先生 Mr. Innovation
AI 時代的創新思維領導者,致力於幫助個人與企業掌握「創新思維 × AI 應用」的核心能力。500+ 場企業培訓與工作坊實戰經驗。

別只停在第一個答案

如果這篇文章讓你多想了一步,歡迎訂閱《第二答案》。我會持續分享創新思維、重新思考與真實工作案例,陪你從舊答案發現新問題,再找到更值得採用的新答案。

FREE SUBSCRIPTION免費訂閱《第二答案》

免費訂閱・新文章直接寄到你的 Email

想把創新方法帶進你的企業?

量身打造 AI 創新思維工作坊與企業培訓,500+ 場實戰經驗