程式小白的 AI 實戰:一個週六,我用 Claude 做出足球照片搜尋網站

程式小白的 AI 實戰:一個週六,我用 Claude 做出足球照片搜尋網站

AI 實戰紀錄

程式小白的 AI 實戰
一個週六,我用 Claude 做出了足球照片搜尋網站

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

  • AI 實戰
  • Claude
  • 不會寫程式
  • 個人資料保護
  • 台灣足球
足球照片搜尋網站的運作:家長輸入號碼牌、AI 辨識照片中的號碼、回傳相關照片;一天上線、補丁十級、兩個 AI 工具

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 號,全部都給了他。

示意圖:搜尋 57 號時,結果同時出現 7、17、27、37、47、57 號的照片,共找到 176 張

不夠智能。但他說,哇,這已經很棒了。我盯著那個結果,有點想笑,又有點真的覺得,還不錯。

先上線,再讓真實使用者告訴你哪裡要修

如果我等到「夠智能」才讓人用,這個問題可能到現在都還沒被發現。看起來是比對規則太寬鬆,這是第二版要先修的地方。


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 的陪伴下,把一個網站做出來了,補丁打到了第十級。我也不知道這算不算厲害。但我知道,下週我還會繼續打開電腦,繼續做第二版。

該做的東西,還是得做。

下一篇,我會接著記錄另一個實戰案例。

說明:

本文為作者親身實作紀錄。文中所有圖片均為示意圖,未使用任何真實照片、兒童影像或網站網址。

文中工具與服務的使用情況以當時版本為準;個資相關內容為作者個人觀察,不構成法律意見。

想把 AI 用進自己的業務,卻不知道從哪個小題目開始?

先聊 30 分鐘,我幫你找出第一個值得做的小題目。

本文收錄於專題:AI 實戰紀錄 看全部專題

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

購物車