我曾經花了好幾天用 ChatGPT 做網站，結果最後發現——幾乎全部白忙。
明明 AI 已經幫我產出 80% 的內容，但我卻卡在最後那 20%，怎麼改都改不好，甚至越改越壞。
直到我上了六角學院的 Vibe Coding 課程，才發現問題根本不是 AI，而是我不會用。
當初為什麼報名這堂課？
其實我一直以來都對網頁開發很有興趣，也常常看到六角學院的廣告覺得很心動想報名。但以前我報名過很多六角學院的課程，每次都敗在沒有耐心和意志力把教學影片看完、也沒有好好完成每個作業，所以之前報的課程幾乎都只完成一點點進度 XD
後來我就深知自己的三分鐘熱度不太適合「大量影片型」的線上課程，所以每次看到廣告，點進報名頁面後都會勸退自己不要浪費錢．．．
但這次課程主題是 Vibe Coding，而且教學重點剛好完全打在我的痛點上。例如：
我從去年開始就從生活中發想很多小工具的點子，也確實用 Gemini 和 ChatGPT 嘗試實作，但因為不太會下精準的提示詞，AI 每次產出的程式碼都不太一樣，導致我常常弄好幾天卻像在白忙；
再加上我不熟悉前後端開發環境，不清楚資料怎麼串接，也忽略了資訊安全，甚至不知道哪些東西其實暴露在網路上是有風險的；
還有 git 的版本控制，我其實看過很多教學影片和文章，但因為沒有實際操作過，整個概念一直都很模糊；
另外，當 AI 幫我產出程式碼時，即使它有提供第三方服務申請的步驟，內容卻常常不夠完整或不夠正確，我也沒有能力判斷或排除問題，更不知道怎麼妥善保管敏感資訊。
綜合以上我在 Vibe Coding 上踩過的各種坑，剛好六角學院開了這門課，所以我決定再撿起我的三分鐘熱度，再給自己一次機會，把這些不懂的知識補起來。
第一週到最後一週的學習過程，最大的收穫是？
- 提示詞大解密！原來需要這麼精確？我從沒想過原來當腦袋有想法卻不知道怎麼寫提示詞時，還可以反過來請 AI 幫我整理更完整的提示詞！學會如何精準描述需求，讓 AI 產出更符合期待、甚至更接近理想的作品。
- 一直不太會操作的 git，終於有機會實際練習，透過幾次課堂實作，對整體脈絡和運作方式清楚很多。
- 更了解第三方服務的申請流程與運作邏輯，也知道怎麼妥善保管敏感資訊。
最喜歡本次課程的哪些活動？
「一系列的每日活動」。
以往我參加課程其實都沒有耐心完成每日任務，常常直接跳過（心虛笑）。
但這次的「漂亮阿姨系列」每日任務有情境搭配影片，我自己更喜歡 HackMD 上的圖文步驟拆解，因為我常常看完影片後實際操作還是會忘記細節，有圖文可以對照著操作，對我來說更容易加深印象，也更能掌握知識點。
如果時光能倒流，會希望自己再次注意哪些細節？
我覺得還是要多花一點時間和耐心，把課程影片看完並實際操作作業。
我很常看到一半就想睡直接關掉，或是沒耐心搞懂作業怎麼繳交就放棄，其實現在回頭看會覺得有點可惜。
大概隔了 2 年多，這次久違再報名線上課程的心得
整體來說，我真的覺得這門課獲益良多！
過去我其實只接觸過 Gemini 和 ChatGPT，對其他 AI 工具幾乎不熟，而且以前用 AI 做網頁時問題很多。
例如它幫我產出第一版時，我對整體 UI、排版和功能都很滿意，但當我要微調配色或優化細節時，就會出現問題——
即使我已經很努力在提示詞中要求「只調整部分、保留其他內容、並輸出完整檔案」，它還是只給我「修改片段」，導致我花很多時間比對差異，甚至還會出現：
- 貼回專案後無效
- 修改的地方影響到原本正常的功能
- 原本好的部分被改壞
之類的狀況。
後來我試著優化自己的做法：
抓住 GPT 回饋中的關鍵字，不懂的技術術語就先查資料，再把這些術語加入提示詞裡，讓指令越來越完整；
我也會不斷開新對話，重新生成更符合需求的版本；甚至試過把第一版的 HTML / CSS（外皮）和第 N 版的 JS（肉）一起丟給 AI，請它幫我「縫合」。
雖然最後確實有成功做出能運作的網站，但還是有不滿意的地方，而且因為程式碼太長，我也無法完全理解，考量到後續維護，最後還是選擇再重新生成另一個新的版本。
現在這個 AI 發達的時代，對我來說其實幫助很大。
以前我做不完作業，不只是因為時間和耐心，還有一個很大的原因是——
我太容易想太多、太想做到最好。
常常因為做不出理想中的樣子，又不想隨便交差，最後就直接錯過交件期限．．．
但 AI 至少可以幫我先完成 9 成，我現在選擇不再執著那最後的 1 成，而是把它留給未來持續進步的自己慢慢優化。
這次透過課程，我完成了去年就一直想做的記帳工具，以及個人的演唱會紀錄網站，成就感真的超級高，心靈也非常滿足！
以前一直搞不懂的 Google Sheet API、Google Cloud Platform 的申請與使用方式，以及 git 操作，也都在這次課程中透過實作變得清楚，已經可以實際運用。
課程結束後，我也更有信心繼續發想，利用這些工具打造更多屬於自己的小工具，真的覺得很開心！
課程作品分享
在這裡分享我在這門課程中完成的得意作品，雖然可能還有很多細節需要優化，但已經很接近我自己想要的模樣了！
作品一：記帳工具
電腦版
手機版（整個畫面太長，所以分區塊擷取，明細也只保留兩筆資料）
作品二：個人的演唱會紀錄網站
觀看演唱會紀錄可以公開，所以提供連結試玩：
目前這個網站有些圖片顯示不完全，原因是因為我是先抓網路上公開的圖片來源，圖片大小橫豎都不一，還需要找時間再來統一圖片的問題；另外地圖的地標位置有點奇怪，這也在我未來的優化項目裡。但目前的網站已經接近我心目中理想網站小工具 80 分了，可以先拿出來炫耀一下（？）
網站也有做RWD，電腦版和手機版都可以正常使用，因為手機版實在太長，提供電腦版截圖畫面預覽：
