我唔識編程，我試用AI「vibe coding」嘅第一次經驗竟然咁成功
作為一個寫過唔少關於AI點樣將任何人變成程序員嘅記者，特別係講緊「vibe coding」呢種新興編程方式，我決定親身試一試，睇下究竟係咪真係咁神奇。
我最想試嘅係Anthropic出品嘅Claude Code，因為我之前訪問過佢嘅創辦人，亦有追蹤呢個工具自6月推出以來嘅熱度。Anthropic仲話Claude Code係「全球最強編程AI模型」，不過呢啲誇張嘅說法，AI公司都成日用，聰明同最好嘅稱號都難以實證。
我搵Anthropic嘅人傾過，話想用Claude Code自己做一個小項目，佢哋都好興奮，但都話對我呢啲完全冇編程背景嘅人嚟講，可能有啲挑戰。因為目前冇公開嘅新手指南教非程序員點用Claude Code，所以Anthropic特別為我寫咗一份，包括啲咩係「Terminal（終端機）」呢啲基本知識。
三日幾個鐘頭後，我成功用Claude Code寫咗一個自訂網站，過程好開心又好有啟發。呢個網站係為咗解決我喺紐約都會區搵屋時遇到嘅問題：點樣快速知道屋企到最近公共交通站嘅步行時間。以前我成日要喺Zillow或者Redfin抄地址，再去Google Maps查步行時間，好麻煩。
我嘅網站會自動從Redfin拉取房源，再幫我計算到最近火車站嘅步行時間，並用簡潔嘅介面顯示地圖同屋企嘅主要資料。以下係我點做同點開始你自己項目嘅分享。
點揀一個Vibe Coding工具？
幾乎所有AI聊天機械人都可以生成少量代碼，但真正嘅vibe coding工具會令編程更上一層樓，好多仲可以直接讀取你電腦嘅檔案，睇晒你嘅整個程式碼庫，所以專業工程師仍然係主要用戶。
除咗Claude Code，市面上仲有OpenAI嘅Codex、GitHub Copilot、Replit、Lovable同Windsurf等大牌。呢啲工具都需要啲技術知識先能設置。我呢次用Claude Code嘅經驗就係咁。
點樣喺電腦裝Claude Code？
首先，Claude Code需要訂閱，分別係每月17美元嘅Pro計劃或者每月100美元嘅Max計劃。免費嘅網頁版Claude聊天機械人係用唔到呢個功能嘅。Anthropic俾咗我Max計劃試用，但我嘅網站用Pro計劃應該都夠。
裝好之後，Windows同macOS裝法有少少唔同，我用Mac，就講Mac版。打開終端機（Terminal）——即係Mac內建嘅一個用文字指令控制電腦嘅程式，係Claude Code嘅主要介面。
跟住copy呢個指令執行：curl -fsSL https://claude.ai/install.sh | bash。之後你會見到安裝成功嘅提示，但要留意安裝完成前可能有啲黃色字體嘅提示，要跟住做完先關閉再開返終端機。然後打claude，揀用你嘅帳戶登入，就可以開始用。
點揀做咩項目？
我有好多想法，例如造一個Wordle遊戲自訂版本，或者搞個派對邀請生成器，但Claude Code冇圖片生成功能，限制咗。最後我諗返過去一年搵屋時遇到嘅麻煩，決定做一個幫我計算屋企附近步行到車站時間嘅網站。
我畀咗個prompt（指令）比Claude Code：做一個網站，顯示我附近Montclair, NJ嘅獨立屋，四房一廁以上，行15分鐘內可以到NJ Transit火車站。
用自然語言「聊天」寫代碼
之後就係用自然語言同Claude Code傾計，佢會慢慢寫代碼。我有啲基本知識，例如網站需要數據，數據要公開先用得，問Claude Zillow同Google Maps有冇API公開數據。Claude話Zillow有免費API，Google Maps要錢，建議用其他替代方案，我就跟住做。
Claude Code會主動幫我搵Montclair全部火車站資料，設計網站介面，連API申請指引都寫好，十幾分鐘就有基本網站框架。
我用瀏覽器輸入http://localhost:8000睇網站，效果唔錯，但呢啲網站係本地跑，唔可以直接分享，要買域名先得。
遇到問題，調試再出發
我跟指示註冊API，貼返識別碼畀Claude，佢話連接成功，但Zillow API出錯，網站冇屋企資料。Claude嘗試幾次都唔掂，最後我叫佢諗新方案，佢提議用Redfin數據，換咗之後屋企資料終於出現。
原來免費嘅Zillow API已經停用，呢點Claude都唔知。
網站地圖顯示四個屋企位置，但右邊嘅列表一開始會閃一下就消失，Claude幫我改前端代碼幾次，終於穩定顯示。
數據檢查同功能優化
我核對Redfin資料，屋價、位置、房間數都啱，但步行時間比Google Maps快3-5分鐘。Claude話佢用「直線距離」計時間，唔係街道行路時間，建議加一個「曲折因子」調整計算，幾次調整後，時間差唔多消失，符合我要求嘅15分鐘步行範圍嘅屋由5個變成2個。
我仲叫Claude加咗個可以滑動調整步行時間嘅篩選器，方便我自己調校。
Claude Code幫我整理寫作素材
最後，Claude Code仲幫我整理咗寫呢篇文章嘅截圖檔案，將佢哋分類放入新資料夾，雖然有啲細節要我手動調整，但已經好方便。
我問佢解釋吓整個網站背後嘅技術，佢都答得好清楚。
整體嚟講，呢次經驗好神奇，我明白點解專業工程師一開始用AI輔助編程就會停唔到手，因為佢真係好有效率。
—
評論與啟發
呢篇文章好生動咁展示咗一個完全唔識編程嘅人，透過AI輔助編碼工具Claude Code，點樣喺短時間內成功做出一個實用網站嘅過程。呢種「vibe coding」唔係傳統意義上靠自己寫代碼，而係用自然語言「對話」AI，令編程變得更親民。
不過，過程中亦暴露咗AI現時嘅限制：例如資料API嘅更新停用，AI未必即時知曉；又或者前端界面嘅小錯誤需要反覆調試。呢啲都提醒我哋，AI唔係萬能，仍需要用戶有一定嘅判斷力同耐性。
另外，Claude Code能直接操作本地系統，幫助整理文件，呢種深度整合未來有潛力大大提升工作效率，但同時亦帶來安全同私隱風險，使用者要有警覺。
我認為，vibe coding真正嘅價值，唔係取代專業程序員，而係降低入門門檻，令更多人能夠用技術解決生活中嘅實際問題。未來如果呢類工具更加智能同易用，可能會催生一批新型嘅「非專業程序員」，佢哋懂得用AI做「技術策劃師」或「創意指導」，推動更多創新。
總括而言，呢篇報道唔單止係試用體驗分享，更係一個啟示，點樣用AI將編程民主化，真正做到人人都可以「vibe code」，開創屬於自己嘅數碼世界。對香港用戶嚟講，呢種工具如果有本地化語言支持，幫助解決日常生活問題，將會好有市場潛力。
以上文章由GPT 所翻譯及撰寫。而圖片則由GEMINI根據內容自動生成。
