iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Build on Google AI

咖啡、Wi-Fi 與 AI:30 天打造數位遊牧工作地圖 系列

如果只使用 Google 的 AI 服務,30 天能不能從一個想法,真正做出可以上線的產品?

這次鐵人賽,我將以「數位遊牧咖啡廳資訊平台」為題,從需求發想、市場與競品分析、產品規劃、UI/UX 設計,一路進入程式開發、資料建置、AI 功能整合與正式部署。

過程將實際運用 Gemini、Stitch、Firebase Studio、Gemini CLI 等 Google AI 與開發服務,記錄每天如何透過 AI 解決問題,以及哪些地方仍然需要人工判斷與調整。

30 天後,不只完成 30 篇文章,也要真正完成一個可以使用的 MVP。

參賽天數 21 天 | 共 21 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文 團隊DevFest 愁備處
DAY 11

Day 11|一句 Prompt 可以把 UI 改到什麼程度?實測 Stitch

昨天 Stitch 終於把第一版畫出來了。而且第一眼其實不差。地圖、搜尋、Filter、店家卡片都有,乍看之下已經很像一個可以用的產品。也因為看起來夠完整,那些...

2026-09-12 ‧ 由 supergud 分享
DAY 12

Day 12|從漂亮畫面到真的能開發:整理 Design System

Day 11 把同一個畫面用三種 Prompt 改過一輪後,我開始注意到另一個問題。不是哪一版比較漂亮,而是同一個產品裡的東西開始有點各長各的。Filter C...

2026-09-13 ‧ 由 supergud 分享
DAY 13

Day 13|手機才是主戰場:打造數位遊牧咖啡地圖 Mobile UI

Day 12 做完之後,我現在手上其實只有兩樣東西: 前面 Stitch 已經產生、而且我比較想繼續用的探索頁版本 一份人工整理過的 DESIGN_SYSTE...

2026-09-14 ‧ 由 supergud 分享
DAY 14

Day 14|兩週了,我們到底做了什麼?開發前最後一次 MVP 設計驗收

Day 13 做完之後,畫面終於不是只有「看起來差不多」了。我已經真的把 Day 12 的 Design System 丟回 Stitch,跑過三輪 Mobil...

2026-09-15 ‧ 由 supergud 分享
DAY 15

Day 15|從 Stitch 到 Antigravity:把設計接進第一版網站

前兩天把手機畫面和規格對完,今天終於輪到程式碼了。我原本想把最後那張 PNG 丟給 Antigravity,請它照著做。後來才想到,Stitch 已經有可以匯出...

2026-09-16 ‧ 由 supergud 分享
DAY 16

Day 16|把 AI 變成工程師:用 Antigravity 開始開發

昨天把基本版面接起來,今天回頭看程式,開始碰到畫面之外的問題。搜尋和 Filter 看起來都能操作,但它們改變的結果,地圖有沒有跟上?我想先挑一個這樣的小問題,...

2026-09-17 ‧ 由 supergud 分享
DAY 17

Day 17|咖啡廳資料放哪裡?把現有欄位整理成 Firestore 資料結構

昨天修了地圖 Marker 和 Filter 的同步,原本三個標記會跟著篩選結果顯示或消失。列表另外兩間店還沒有示意位置,先留在待辦裡。今天接著處理資料來源。前...

2026-09-18 ‧ 由 supergud 分享
DAY 18

Day 18|加入 Google 登入,找咖啡廳還是不用先登入

昨天把店家資料搬進 Firestore,讓 Laravel 讀取後交給 React,再用修改店名、重新整理頁面的方式核對資料。今天沿用同一個 Firebase...

2026-09-19 ‧ 由 supergud 分享
DAY 19

Day 19|把示意地圖換成 Google Maps

昨天加入 Google 登入,找店功能仍然開放給未登入的使用者。今天接著把首頁的示意地圖換成 Google Maps。原本地圖上只有三個固定位置的 Marker...

2026-09-20 ‧ 由 supergud 分享
DAY 20

Day 20|從一間店開始,試試 Google Places 能提供哪些資料

昨天換上 Google Maps 後,地圖已經能顯示店家位置,不過店名和座標仍來自我們準備的示範資料。今天接著試 Places API,讓一筆真實店家資料出現在...

2026-09-21 ‧ 由 supergud 分享