前言
最近vibe coding的潮流相當盛行，許多大老已經做出各種有趣的程式、APP或是網頁，而我呢，還在初階的地方默默耕耘、慢慢摸索一些有的沒的。
這陣子發現有許多人vibe coding卻時常忽略資安、後續維護等問題，害我更加得小心翼翼研究相關規範，例如最近剛做好成人向二創網頁，發現沒做好一定保護措施帳號會被鎖。這系列將會以網頁相關的製作心得為主，希望可以給跟我一樣步調沒那麼快的人一個參考文獻，畢竟AI演變很快，如果有更多時間點的心得分享應該會讓人好學習許多。
Vibe Coding前注意
請記住，不論AI有多厲害，產出的東西終究不會離開你認知範圍太多，所以一定至少得具備相關領域的基本知識為佳，更不能會AI就瞧不起原先就在鑽研得先人們。
以網頁為例，假如沒太多設計知識的話，基礎產出的可能八成都是大範圍的 shadow + gradient設計；如果沒有太多程式相關知識的話，可能會不小心把會員的個人資料記錄在最表層的HTML裡面，讓他人可以隨意調閱查看。
所以就我個人經驗來看，最好先了解一下相關知識，或著是製作途中跟AI討論各種相關議題，讓AI不是只負責產出，還能帶領你達到更好的境界。
近期Vibe Coding心得
最近太多AI工具了，緩慢如我依舊抱著那些主流工具的大腿，畢竟我也花錢了，不用白不用嘛啊哈哈。
Vibe Coding 雖然可以快速產出一個成品，但是很需要在後續的維護上花費心力，假如你是一個沒有任何程式底子、系統設計思維的人會相當的痛苦，尤其是遇到某些很笨的AI(就是在說你CANVA)，會談到大崩潰。
如果程式碼會直接貼出來的，我都會請AI幫我下註解，而且是外行人可以看懂並且維護的那種，確保可以讓自己讀懂程式碼且順便學習該段落是怎麼做的。
目前比較常用的分別有GPT、GROK、Gemini、CANVA還有最近才嘗試的Claude。
我先說一下2026年初至今的使用狀況好了。
GPT
第一個花錢的AI，雖然一度變成超級理工直男，但過沒多久油膩的那味又回來了，但已經沒有像之前4O那樣有情感共鳴的感覺，近期主要是拿來推論、分析一些事情，還有拿來寫程式。
以寫程式來說算是中規中矩，雖然還是會有些問題，如果有點程式底子會比較好修正，在寫網頁上有基礎預覽，但是沒辦法直接看手機或平板版本，所以得自己縮放或是複製程式碼到其他平台測試會比較好一點。
使用時盡量不要都堆在一個對話內，會逐漸卡頓，直到換一個新的聊天才會改善，不知道這是不是我電腦問題就是了，這部分如果有人能解惑就好了。
GROK
這是我第二個花錢的AI，不過只有一小段時間，有興趣可以來看之前付費測試的文章。
延伸閱讀：自願當盤子的我帶你看被嚴格管制後的Grok付費會員體驗現況
很適合應付大尺度題材的AI，但是以程式來說表現實在是挺差的，明明圖片可以生成的很讚，但網頁設計上可以說是有些糟糕，暫時不會用來Vibe Coding。
但是如果想要圖片素材，GROK的生圖和修圖功能算是目前AI中挺不錯的，當然前提是素材是你自己的且不介意丟給AI。
Gemini
這是我第三個花錢的AI，當初使用時(約2026年初)在資料搜尋和統整上略有優勢，如果能掛上NotebookLM可以做得更精準，在程式上也是中規中矩，可以串聯GOOGLE使用各種功能，也是挺不錯的選擇。
但是自從三月初開始Gemini的算力似乎大下降，原先很厲害的資料統整突然就變得很偷懶，連寫程式也很容易誤會或忽略我的指令，所以這近幾周我是不會拿來主寫程式的。
CANVA
嚴格來說算是第四個花錢的AI，但當初付費時還沒AI功能就是了呵呵。
它的AI功能完全不能直接輸入程式碼要求插入，完完全全只能用敘述方式建造與修改，可以做到許多小程式或是網頁，甚至能用在你在外建立的所有專案中。
不過缺點是它是我目前為止看過最笨的AI，笨到我可以專門寫一篇文來抱怨。
Claude
這是最近才真正來嘗試的AI，算是慕名很久了，但我都自認為不太需要這麼厲害的，所以一直都沒來用。XD
實用後發現在程式設計上真的穩定又舒服，我只要需求明確都能近乎完美呈現，而且丟過去長串的程式碼在讀取上也幾乎不會疏漏。
缺點就是額度真的太少太貴了，長一點的程式大概不到十次就會達到上限了。
總結
Vibe Coding雖然好用好玩，但是如果要拿來變現還是需要請求專家協助為妙，一來是保障你各位的資訊、財產安全，二是多點知識會更好做後續維護。
至少我在這部分做功課時需要做蠻多的，例如前陣子常是做成人向的作品時，發現需要多做好一些導覽頁之類防護措施，否則會直接影響網站或主機帳號的安危。
之後我會針對我用過的AI組合來特別多寫一些心得，希望可以讓後進們多個參考點一起學習。
如果喜歡的話，歡迎追蹤我的Threads跟方格子！
