AI 實戰紀錄
一個週六,我用 Claude 做出了足球照片搜尋網站
我是程式小白,連 GitHub 是什麼,都是最近才聽懂。但上個週六,我在電腦前坐了一整天,請 Claude 一步一步帶著,做出一個讓足球隊家長輸入號碼,就能找到孩子照片的網站。這篇記錄我怎麼做、卡在哪、補丁打到第幾級,以及我想做的第二版。
- AI 實戰
- Claude
- 不會寫程式
- 個人資料保護
- 台灣足球

01 / Origin
起因很簡單:幾百張照片,家長一張一張翻
我是程式小白,什麼都不會的那種。連工程師常用的網站叫什麼,我都搞不清楚;GitHub 這個名字,也是最近才開始聽懂它在說什麼。
起因是老公在幫孩子的足球隊拍照。每場比賽下來就是幾百張,全部放在雲端。家長想找自己孩子的照片,只能一張一張翻,很費力。
我看著這件事,覺得應該可以做一個工具:家長輸入號碼牌,直接找到自己孩子的照片。我自告奮勇說,我來弄。
出發點,是身邊一個很小的真實麻煩
沒有什麼宏大的計畫,只是看到一群家長每次都在翻照片。小題目,反而讓我敢開始。
02 / One Day
一天之內,基礎配備全部到位,網站也上線了
開始之前,我先把工具備齊。一天之內,我在電腦上裝好了各種本地版的工具:Claude 電腦版、ChatGPT 付費升級、Google Workspace 空間擴容,還有各種信用卡綁定、買 token。這一系列基礎配備,我在一天內搞定,連自己都有點驚訝。
然後,我請 Claude 一步一步教我:先寫網站架構,再去註冊需要的開發權限、拿各種 API key,接著開始部署。週六一整天,我的網站上線了。

不會寫程式,不代表不能開始
整個過程,我做的是照著 Claude 給的步驟,一步一步操作。我負責決定要做什麼,AI 負責告訴我怎麼做。
03 / Launch
第一個測試用戶:搜尋 57 號,系統給了六個號碼
第一個測試用戶進來,搜尋 57 號球員的照片。系統把 7 號、17 號、27 號、37 號、47 號、57 號,全部都給了他。

不夠智能。但他說,哇,這已經很棒了。我盯著那個結果,有點想笑,又有點真的覺得,還不錯。
先上線,再讓真實使用者告訴你哪裡要修
如果我等到「夠智能」才讓人用,這個問題可能到現在都還沒被發現。看起來是比對規則太寬鬆,這是第二版要先修的地方。
04 / Patches
問題接踵而來:補丁打到第十級
因為我大量從 Google Drive 抓取照片,讓 AI 做辨識,Google 覺得這是違規行為,啟動了保護機制,我的帳號就抓不動了。
我請 Claude 幫我想辦法、打補丁,補丁現在已經到 10 級版了。10 級版對工程師來說算多嗎?我不知道。但我的電腦這幾天不停地壓縮、解壓縮、打補丁,這件事我以前從來沒有做過,做起來覺得挺有意思的。現在系統基本上可以正常使用了。
| 卡關 | 現況 |
|---|---|
| Google 啟動保護機制,帳號抓不動 | 補丁已到 10 級版,系統基本可用 |
| 電腦沒開著,網站還跑不跑得動 | 還沒解決 |
| 比對太寬鬆(搜 57 會出現 7、17…) | 第二版要修 |
| 台灣個資法 | 做第二版之前要先想清楚 |
顧問觀點:補丁是止痛,不是長久之計
大量抓取觸發平台的保護機制,是工具走到某個規模,一定會遇到的牆。要長久運行,還是得回到平台允許的做法:看清楚服務條款,把需要辨識的照片放進自己可控的儲存空間,並在平台允許的額度內運作。
05 / Next Version
第二版:用人臉建檔找孩子,也要先想清楚個資
第二版已經在構思了。我想讓家長可以上來幫孩子建檔:上傳幾張照片,做人臉辨識的建檔。之後搜尋照片時,系統直接比對人臉,而不是號碼牌,找到孩子的照片會更精準。不想用的時候,家長自己在介面刪除檔案,資料不會留存。
但台灣的個資法很嚴,非法取得個人資料,是真的會有問題的。我知道有風險,所以目前這個工具只服務我們球隊,範圍還小,暫時在可控的範圍裡。

只是我有野心。如果這套東西真的跑通了,全台灣這麼多足球俱樂部、這麼多家長,其實都可以複製這個架構,建立自己球隊的內部系統:照片上傳、管理、分享,都在自己的私域裡。
第二版之前的自我檢查
涉及兒童影像與人臉資料,我給自己的底線是三條:資料取得要合法、用途限定在找照片、家長隨時能自己刪掉。這是我的自我檢查清單,不構成法律意見。
06 / Second Tool
第二個工具:把幾百支影片,剪成能發社群的短片
我同時還在做第二個工具:用 AI 做足球影片的剪輯工作流,自動抓取精華片段,像射門、過人這些畫面,幫家長把幾百支影片剪成可以發社群的短片。
跑出來的品質現在還不太好,但那可能是我給的指令不夠明確,還在打磨。
這兩個工具如果都做起來,我想把它們整合進同一個網站:讓家長下載照片之後,直接在同一個地方剪成影片,一條龍。
07 / Takeaways
一個程式小白的三個心得
01從身邊真實的小需求開始
一群家長每次都在翻照片,這就是我的題目。越具體、越小,越容易開始。
02先上線,再迭代
57 號的結果,是第一個使用者幫我找到的問題。上線之後,才知道哪裡真的需要修。
03把卡點寫在前面
平台限制、電腦沒開著還跑不跑得動、個資,這三件事我都還在處理。先看見,才不會在規模變大時被它絆倒。
這件事花掉了我整個週末,這兩天片子都沒剪,有點虧欠感。但做起來,真的挺有意思的。
一個看不懂工程師網站的人,在 AI 的陪伴下,把一個網站做出來了,補丁打到了第十級。我也不知道這算不算厲害。但我知道,下週我還會繼續打開電腦,繼續做第二版。
該做的東西,還是得做。
下一篇,我會接著記錄另一個實戰案例。
說明:
本文為作者親身實作紀錄。文中所有圖片均為示意圖,未使用任何真實照片、兒童影像或網站網址。
文中工具與服務的使用情況以當時版本為準;個資相關內容為作者個人觀察,不構成法律意見。

