海馬：AI 如何改變我學習程式語言的方式

1. 一句話總結

一個國小學童開發者，只靠免費版的 Claude AI、Gemini、Grok、ChatGPT 四個 AI，把原本要六個月才能做出一支 App 的學習曲線，壓縮到一個月做出一個完整品牌網站。

2. 重點筆記

海馬自我介紹是「海家帶你游程式」的海馬，興趣是寫程式和打電動，已經上架一款叫「9 歲記帳」的 App，目前正在做 AI 寫程式直播。他說今天要分享的內容包括最近用到的四個 AI、用 Vibe Coding 做的品牌網站、沒有 AI 輔助時的學習方式跟加上 AI 之後的對比，以及他的 GitHub repository 和最新版的 Claude AI prompt。

用四個免費版 LLM 做品牌網站

他列出最近使用的 AI 分工：Claude AI 用來寫比較複雜的程式碼；Gemini 也拿來寫程式，Claude 額度用完時優先選它；Grok 用來寫簡單的程式碼，在 ChatGPT 和 Gemini 都沒額度時用；ChatGPT 則用來寫簡單程式碼的除錯。他特別強調這四個 AI 他用的都是免費版，靠這四個免費版 LLM，在一個月內做出了「海家帶你游程式」的品牌網站。

他描述自己是從上到下、把問題切小的方式一步步做：先給 AI 一張設計稿截圖，請它照著排版；接著加上標題文字，指定字級大小；加上按鈕與 icon，給檔名讓 AI 排版；顏色要完全還原就直接給色碼（例如 #80B5FF），而不是只給圖片讓 AI 自己抓色；加上底部一句文案；遇到媒體採訪報導區塊排版跑掉、圖片被裁掉的問題，他學到用「自適應」這種專有名詞去描述需求，AI 比較聽得懂，說「滿畫面」反而不容易溝通；最後文字全部擠在一起看不清楚，他就給 AI 兩張比較用的截圖，讓它清楚知道兩張圖差在哪裡，才順利修好。響應式調整（RWD，同一個網站依畫面大小自動調整電腦版和手機版排版）他一開始選擇先不做。

他說這個過程中曾經因為完全不知道加上去的文字被放到背景圖後面，找了十幾遍才發現問題出在哪，這也是他後來提到「就算用 AI，還是要學一點程式」的理由：學過一點的話，AI 幫你改會很快；如果什麼都沒學，連自己東西被放到哪裡都不知道，也不懂響應式調整、自適應這些專有名詞，會更容易卡關、更容易多浪費免費版的呼叫額度。

從 Apple 官方文件到用 AI 學 Python、SQL

他分享了三段學習歷程的今昔對比：

• Apple 官網 WatchApp 開發教學：官網寫這段教學大約要 25 分鐘，他當時什麼都不會，花了一整個禮拜才做完。學習方式是左邊開 Xcode、右上角開教學網站、右下角開 Google 翻譯；他發現如果把整頁教學網站全部丟去翻譯，很多專有名詞會被翻得很奇怪，所以只把看不懂的地方局部拿去翻。如果當時就有 AI，他會直接用 ChatGPT 翻譯，因為 ChatGPT 可以把步驟簡短但清楚地條列出來，這是 Google 翻譯做不到的。
• 學 Python：他用書本《精通 Python 第二版》，一邊看一邊把範例程式碼自己打過一遍。他固定每天早上六點多、還沒去上學前擠時間出來學。有一次一大早打程式碰到錯誤，他問還躺在床上的爸爸，爸爸要他先打十遍再說，結果十遍都還是錯的，後來才發現是書本本身印錯（他因此收集了一份勘誤表）。如果當時有 AI，他會直接把錯誤畫面截圖給 AI，AI 就能指出是逗號位置錯誤並修正。
• 學 SQL：他看了一支「資料庫 SQL 三小時初學者教學」的影片，看完自己設計了一張記帳用的資料表，欄位包含消費金額、支付方式（例如悠遊卡、外幣）和消費類別（吃喝玩樂、購物等）。如果當時有 AI，他會直接跟 AI 說明自己在做記帳 App，把資料表丟給它，讓它直接生出對應的功能。

傳統方法 vs. 用 AI 學習的效率對比

他整理了一張時間對比：做「9 歲記帳」時，學 Python 花了三個月、手刻畫面花了兩個月、用 AI 開發功能花了一個月，總共六個月；做「海家帶你游程式」品牌網站時，學網頁和製作網站全程都靠 AI 幫忙，總共只花了大約一個月。他也列出傳統方法和用 AI 的優缺點對比：傳統方法需要休息、AI 不用休息；傳統方法要一直查 Google 很久、問 AI 直接又快；傳統方法是真人在幫忙、AI 是虛擬的。他的結論是選擇用 AI，因為快、而且 24 小時都在，不用擔心吵到正在休息的爸爸。

但他也強調，並不是有了 AI 就不需要爸爸：App 上架流程要處理一堆設定相關的東西，用 AI 反而麻煩；Xcode 介面的基本操作用文字描述對他來說太難理解；他有一次 GitHub push 失敗，後來是爸爸告訴他是因為最近某些東西不再支援，這種情況 AI 也比較難幫上忙。他的結論是，爸爸目前還不會被 AI 取代。經查媒體報導，他上台分享這場時是 9 歲，之後受訪時已滿 10 歲，年齡數字會隨報導時間點跳動是這個原因。

現場實測 Claude 4

他提到 Claude 4 剛發布沒幾天，他就迫不及待拿它測試「9 歲記帳」的程式碼，讓它自己看程式碼再幫忙加功能。他說一開始 Claude 4 太多人用擠不進去，一直到他洗完澡才排到。他現場展示了新加上的主題設定功能：可以選背景顏色，選項旁邊還有即時預覽，他示範選了綠色、藍綠漸層，最後選定深藍漸層；還展示了語音記帳功能，他都還沒講完話，系統就已經自動判斷出金額一百五十元、品項是咖啡。他說這次總共花了兩個小時做出五個功能，而讓 AI 實際執行的提示大概只用了十幾次，因為大部分時間都在等待它跑，還有不斷點擊允許授權。

3. 關鍵數據與案例

• 用四個免費版 LLM（Claude AI、Gemini、Grok、ChatGPT）在一個月內做出「海家帶你游程式」品牌網站。
• 「9 歲記帳」App：學 Python 三個月、手刻畫面兩個月、AI 開發功能一個月，共六個月；品牌網站：學網頁加開發全靠 AI，共約一個月。
• 用書本學 Python 時，同一段程式碼打了十遍都還是錯的，後來發現是書本本身印錯。
• 現場實測 Claude 4：兩小時內做出五個功能，只用了十幾次提示。

4. 金句

• 「如果你什麼都沒學，鬼打牆的機率就比較高。」
• 「只要能達到我的目標的話，其實誰的幫我都差不多啦。」
• 「AI 好用，選擇 AI。」
• 「總之爸爸目前還不會被 AI 取代。」

5. 提到的工具與名詞

Claude AI、Claude 4、Gemini、Grok、ChatGPT、Xcode、Swift、Python、SQL、Apple Watch（watchOS）、GitHub、響應式調整（RWD）、自適應。

6. 延伸觀察

海馬這場最關鍵的細節，是他學會用色碼、用「自適應」這種精確詞彙去跟 AI 溝通，而不是含糊地說「滿畫面」——這跟 Vivi 提到自己視覺能力差、後來學會交叉運用不同 LLM 補強項，其實是同一件事的兩種呈現方式：跟 AI 溝通得越精準，AI 產出的品質就越好。三場「非工程師用 AI 寫程式」的分享放在一起看，會發現不管是業務、NGO 專員還是國小學童，大家都在講同一套心法——把問題切小、講清楚、拿掉模糊地帶——只是各自從自己的處境長出這套心法的路徑不一樣。海馬的優勢是不怕重來、不怕被 AI 唬弄（他直接說爸爸還沒被取代），這種務實的分寸感在一個國小學童身上講出來，反而比大人講更有說服力。

7. 資料來源