因為會忘,所以要寫下來

Vibe Coding 實戰心得

2 minutes to read


身為一個寫了多年 Angular 的前端工程師,我從沒想過有一天會用 React Native 做手機 App、用 Three.js 做 3D 視覺化。

這一切都要歸功於 AI。


最近用 AI 做了什麼

報價單產生器加上會員系統(Firebase + Firestore)

這是早期的 side project,最近用 AI 幫它加上了會員系統——也是實際上有在運作!以前光想到後端、資料庫、身份驗證就頭痛,現在實現它了!

AI 漫畫翻譯軟體(Python + Gemini API)

因為書友的需求,看他將圖片一張一張的拖曳到 AI 對話框轉檔實在太不符合經濟效益了、所以就使用 Python + Gemini API 寫了個批次轉檔的翻譯工具,節省重工。

書櫃日誌 App(Expo React Native + Apps Script + SQLite)**

管理漫畫小說收藏的手機 App,從資料庫設計、ISBN 掃描到雲端備份,整個架構都是跟 AI 討論出來的。

機械手臂監控系統(React + Three.js)

一個 3D 的工業監控介面。React 沒正式寫過,Three.js 完全沒碰過,就這樣一路問 AI、一路改,也做出來了 XD


Vibe Coding 是什麼感覺

就是不用先把整個技術棧學完,告訴 AI 想做什麼,它幫你生 code,你再根據結果調整、發問、修正。

先做出東西,再回頭理解原理。

想想以前碰一個新領域,光環境設定就能卡好幾天。現在 AI 連要裝什麼套件都幫你列好了,技術的入門成本真的被壓低很多。


坑也是有的

專案小的時候超順,code 一多問題就來了:風格不一致、重複邏輯散落各處、想改一個功能不知道會動到哪裡。

嗯…「能動」跟「好維護」真的是兩回事。

這時候就需要有經驗的人進場了。哪些 code 該抽共用?架構怎麼調比較乾淨?哪些是技術債?這些 AI 不會主動告訴你,要自己看,再讓 AI 照著規範去處理。


一些延伸的想法

AI 這麼強,工程師的價值在哪?

個人觀察是:架構設計跟品質把控。AI 很會生 code,但它不會主動說「這段該抽共用」「這元件太肥要拆」。這些判斷需要經驗。

另一方面也在想,初階工程師會不會少了踩坑的機會?以前菜鳥在 debug、重構、code review 的過程中累積經驗,現在 AI 幫你跳過這些,表面上效率高了,但某些學習過程可能也被跳過了。

初階跟資深之間的斷層,說不定會比以前更大。


小結

Vibe Coding 讓我短時間內跨了好幾個技術領域,這在以前根本不可能。

但也讓我更清楚一件事:AI 是放大器。有好的架構觀念,AI 幫你更快實現;沒有的話,只會更快堆出難以維護的 code 山。

我想…未來的工程師,比的不是誰打字快,而是誰能指導 AI 寫出更好的程式。


對這篇文章有什麼想法嗎?

Copyright © 2025 Mandy. All rights reserved. Build with Astro