四個小時，後龍的鄉親親手做出了自己的官網
今天是七月二日，星期四。早上八點，天還帶著海邊的濕氣，我已經站在苗栗後龍數位機會中心的教室裡。這是後龍 DOC 一一五年的免費資訊課程，課名叫《Vibe Coding 氛圍編碼：地方特色官網實作》，總共四個小時，從早上八點到中午十二點。
面對我的，是一群不折不扣的「零基礎」在地學員。報到時我隨口問了幾句，有人這輩子沒寫過一行程式，有人連一個網站到底是怎麼從無到有長出來的都還沒概念，還有長輩笑著說自己會用 LINE 就偷笑了。
我完全懂那種眼神。那是一種這東西應該跟我沒關係的客氣與距離。
但四個小時後，他們每一個人，都帶著一個真正能上線、能傳給家人朋友、能被搜尋到的官網，走出了那間教室。我想把今天早上發生的事，原原本本寫下來，因為它推翻了太多人心裡那道最頑固的牆：做網站，是工程師的事，跟我無關。
你不必會寫程式，你只要會說
今天帶大家用的主角，是 Google 最新推出的 Antigravity。它真正厲害的地方，不是介面多炫、功能多滿，而是它把那道最高的門檻直接拆掉了。
過去學做網站，你得先背一堆語法、記一堆指令、搞懂一堆縮寫，九成的人還沒做出東西就先被勸退。但在 Antigravity 裡，你不需要這些。你只要像跟人聊天一樣，把你心裡想做的網站說出來：我想幫我家的花生做一個介紹頁、我想把後龍好望角的一日遊路線整理出來、我想替阿嬤的手工皂寫一個品牌故事。你負責想、負責描述家鄉的美好，AI 負責把它變成版面、變成文字、變成程式，變成一個真的能點進去、能捲動、能互動的網頁。
這就是我這幾年一直在推的 Vibe Coding，氛圍編碼。它把創作還給了每一個有故事的人，而不是只留給會寫程式的少數人。
上半場，學員們還半信半疑，手指懸在鍵盤上不太敢按。到了下半場，整間教室就變成了一個熱鬧的創作現場：有人小聲跟 AI 討價還價要換配色，有人做出成品時忍不住轉頭給旁邊的人看，還有人一路加碼，把原本只想做一頁的網站，愈做愈完整。
真正讓我起雞皮疙瘩的，是他們交出來的作品。
四個小時的成果，我請你親眼點進去看
底下這些，不是我事後美化的形容詞，而是他們今天早上一句一句講出來的真實作品。網址我全附上，你自己點進去看，就會明白我在現場受到多大的震撼。
把家鄉的歷史與文化，認真留下來
《塵封的翼影：後龍外埔二戰海軍特攻基地之探尋》 網址：https://lovelywu.netlify.app/ 這是今天最讓我肅然起敬的一件。學員把後龍外埔那座幾乎被世人遺忘的二戰海軍特攻基地，重新挖了出來。從一九四四年日軍強徵三百多公頃農地、以紅土礫石夯築跑道，到丸龜型防空壕、蛋捲狀掩體、山麓機槍堡的遺構介紹，再一路寫到戒嚴時期海線火車靠海側車窗被強制關閉、二○○二年八位日本老兵重返水尾舊地默哀。完整的歷史時間軸、遺構定位，甚至還做了一個讓在地人提供史料線索的徵集表單。這已經是一份地方文史工作的規格，竟然是一個上午做出來的。
《風與海的子民：道卡斯族新港社文化微型網頁》 網址：https://heartinhoulong.netlify.app/ 這一件，把後龍新民里道卡斯族新港社的平埔文化，說得又美又有尊嚴。牽田祭高達十餘公尺的三起大旗、婦女手工的藺草編織、潮間帶上順應潮汐的合歡石滬，還有二○○二年重新復振中斷近半世紀祭典的那段文化復興之路。地方的根，就這樣被一個學員用網頁溫柔地接住了。
幫在地的產業與職人，做出像樣的品牌
《後龍慶成號花生》 網址：https://mellow-sunshine-64c9e5.netlify.app/ 一九七六年就在後龍炒土豆的老字號伴手禮，被做成了一個完整的品牌官網。日光曝曬、大鍋慢火、三道人工嚴選的職人堅持，鹹酥、漢方、蜜香三款口味的鹹甜香脆評比，最後還做了一個幫你挑口味的互動小測驗，回答兩個問題就推薦你適合哪一款。
《後龍黃彩琴左手香天然手工皂》 網址：https://jimh.netlify.app/ 彩琴阿姨為了讓家人不受化學製品刺激而研究的左手香冷製皂，被做成一個全成分公開、四十五天冷製熟成五道工序、附上四則顧客見證的品牌故事頁。從清晨現採、鮮榨成汁到入模保溫，每一步都講得清清楚楚。一塊皂，就這樣有了自己的身世。
帶人走遍後龍的山與海
《苗栗後龍好望角一日遊完美指南》 網址：https://harmonious-quokka-73d4c5.netlify.app/ 從白沙屯拱天宮、挑材古道、清海宮巨型媽祖石雕，一路串到過港舊隧道、牧羊古道與好望角看夕陽，連在地小吃、住宿、開車與火車接駁都規劃好了。最讓我驚豔的是，它還內建了一個智慧導遊聊天機器人，可以直接問路線、問美食。
《苗栗後龍海角樂園》 網址：https://houlong.netlify.app/ 把一座從垃圾掩埋場復育成濱海秘境的海角樂園，寫成一篇動人的海岸情書：彩虹巨拱、夏季限定的天人菊花海、綠光海風自行車道、退潮後的潮間帶生態，連最佳觀賞時間與潮汐提醒都貼心附上。
《北勢溪親水廊道：後龍四季生態與人文之旅》 網址：https://darling-crumble-273bbb.netlify.app/ 以韓國清溪川為藍圖的兩點六公里親水廊道，被拆成春夏秋冬四種不同的遊法，還細細介紹了廊道裡的黑天鵝、柯爾鴨與鴛鴦，連客家圓樓、英才書院、景觀水車的動線都串成了一條完整路線。
為自己的社區與中心發聲
《舞動大庄，健康相伴》大庄社區廣場舞推廣 網址：https://dancing-mommy.netlify.app/ 把每週三、週四晚上在大庄里活動中心的廣場舞，做成了一個充滿活力的推廣頁，連參賽榮譽、活動時間、報名須知都齊全。社區的日常，也能有自己的官網。
後龍、三灣、通霄三間數位機會中心的官網，也在今天誕生：
- 後龍 DOC：https://polite-quokka-155a76.netlify.app/
- 三灣 DOC：https://shiny-gingersnap-e89a1d.netlify.app/ （客家梨鄉，連課程表、農產與防詐測驗都做了）
- 通霄 DOC：https://tongxiaodoc.netlify.app/ （把新埔十七種珍稀受脅植物的數位保育做成了圖鑑）
連遊戲，他們都做得出來
誰說零基礎只能做靜態網頁？今天有兩位學員直接挑戰了互動遊戲，而且真的能玩：
《貓與老鼠：終極對決》 網址：https://cat-mouse.netlify.app/ 用鍵盤操控小老鼠吃乳酪、躲貓咪，還有貓薄荷、辣椒、護盾三種道具與難度選擇。
《極速城市冒險：全民賽車挑戰賽》 網址：https://glittery-quokka-b6391a.netlify.app/ 一款有輕鬆、中等、挑戰三種模式，還帶排行榜的街機賽車遊戲。
還有人，把外地的家鄉也一起做了
《朴子旬味地圖》嘉義縣朴子市美食導覽 網址：https://puzifood.netlify.app/ 有位學員意猶未盡，連自己另一個牽掛的地方也做了一份：朴子第一市場的手工麻糬、百年當歸鴨、老醫館改建的文青咖啡館，一路踩點到底。工具學會了，想留住的地方就不只一個。
一個上午，從二戰文史、原民文化、地方品牌、生態旅遊、社區活動，一路做到互動遊戲。這樣的廣度與完成度，出自一群早上還說自己完全不會的後龍鄉親之手。這不是奇蹟，這是方法對了。
我最想告訴你的一句話
四個小時能做到這樣，靠的不是天分，是有人帶。
這些年我看過太多人卡在原地，不是因為笨，也不是因為 AI 太難，而是沒有人在關鍵的那幾步告訴他們：第一步該點哪裡、卡住時該用什麼話跟 AI 溝通、做出來醜醜的該從哪裡調。這道坎，一個人摸索可能卡三個月；有人帶，一個早上就過了。
今天後龍的鄉親們親口證明了這件事。你家鄉的好故事、你手上的好產品、你心裡那個放了很久一直想做卻不敢動手的網站，都值得被世界看見。而你需要的，從來不是一身程式功力，只是有人陪你把第一次走完。
想開始，我幫你鋪好了兩條路
如果讀到這裡，你也開始心癢癢，想親手做一個屬於自己的網頁，歡迎來我在臺北的實體工作坊。跟今天一樣，三小時，一個成品帶回家：
從零開始，就從這一堂：Vibe Coding 實戰工作坊｜3 小時打造你的第一個銷售頁。零基礎、十二人小班制，一個上午做出個人網站、銷售頁、名單收集頁等六種數位資產，完全不需要程式基礎，課後還有專屬 LINE 社群支援。報名：https://www.solo.tw/courses/vibe-coding
想再往專業走一階：Vibe Coding for Claude Code 實戰工作坊。給已經上手 Antigravity、想長期維護自己專案、認真做副業或獨立產品的人。帶你進 Claude Code、Plan Mode、Skills、Hooks 與自動部署，讓 AI 真正變成你可靠的開發夥伴。報名：https://www.solo.tw/courses/vibe-coding-claude-code
後龍的鄉親們今天早上做到了，我打從心底相信，你也可以。我在臺北的教室，等你來，把心裡那個網站，親手做出來。
📖 深入探索相關主題
