iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 61 瀏覽

鐵人賽 Build on Google AI DAY 30

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 30 篇

技術 Day 30｜30 天打造 AI 學習卡：成果總結、限制與下一步

來到第 30 天，我終於將幼兒互動認知學習卡正式發布。正式網站：幼兒互動認知學習卡（Toddler Learning Cards）不過，最後一天的工作不只...

cherylcloud ‧ 2026-10-14

0 Like 0 留言 74 瀏覽

鐵人賽 Build on Google AI DAY 29

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 29 篇

技術 Day 29｜不只會動，還要穩定：完成智慧學習卡整合測試

前幾天已經分別完成： AI 產生學習卡多主題管理 Human Edit LocalStorage 自動保存列印與另存 PDF 這些功能在開發時都個別測試...

cherylcloud ‧ 2026-10-13

0 Like 0 留言 83 瀏覽

鐵人賽 Build on Google AI DAY 28

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 28 篇

技術 Day 28｜從 Prompt 到畫面：整理智慧學習卡完整資料流程

昨天完成 LocalStorage 後，AI 產生的學習卡已經可以保存在瀏覽器中。即使重新整理網頁，先前產生與人工編輯過的主題也不會消失。不過，目前的學習卡仍...

cherylcloud ‧ 2026-10-12

0 Like 0 留言 68 瀏覽

鐵人賽 Build on Google AI DAY 27

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 27 篇

技術 Day 27｜重新整理也不怕：使用 LocalStorage 保存 AI 學習卡

Day 27｜重新整理也不怕：使用 LocalStorage 保存 AI 學習卡 Day 26 完成多主題管理後，Learning Card App 已經可以同...

cherylcloud ‧ 2026-10-11

0 Like 0 留言 76 瀏覽

鐵人賽 Build on Google AI DAY 26

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 26 篇

技術 Day 26｜不只海洋動物：把 Learning Card 擴充成不同學習主題

昨天 Day 25，我替 Learning Card App 加入了 Human Edit，讓使用者可以直接修改 Gemini 產生的教材。原本以為接下來只要...

cherylcloud ‧ 2026-10-10

0 Like 0 留言 62 瀏覽

鐵人賽 Build on Google AI DAY 25

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 25 篇

技術 Day 25｜AI 寫完，人來決定：加入 Learning Card 編輯功能

昨天 Day 24，我暫時停下開發新功能，實際檢查 Gemini 產生的 15 張 Learning Cards。結果發現，Structured Output...

cherylcloud ‧ 2026-10-09

0 Like 0 留言 107 瀏覽

鐵人賽 Build on Google AI DAY 24

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 24 篇

技術 Day 24｜AI 產生的教材可以直接用嗎？開始檢查 Learning Card 內容

昨天 Day 23，我替 Learning Card 加上「重新產生」功能。現在如果對 Gemini 產生的內容不滿意，不需要重新輸入學習條件，只要使用上一次...

cherylcloud ‧ 2026-10-08

0 Like 0 留言 100 瀏覽

鐵人賽 Build on Google AI DAY 23

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 23 篇

技術 Day 23｜生成一次還不夠：加入重新產生 Learning Card 功能

昨天 Day 22，我回頭補強並測試 Gemini API 的 Loading 與 Error Handling。目前 Learning Card 已經可以：...

cherylcloud ‧ 2026-10-07

0 Like 0 留言 99 瀏覽

鐵人賽 Build on Google AI DAY 22

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 22 篇

技術 Day 22｜AI 不一定每次都成功：替 Learning Card 加上 Loading 與 Error 狀態

昨天 Day 21，我終於把 Gemini Structured Output 真正接進 React。原本停在 Console 裡的 JSON，現在已經可以：...

cherylcloud ‧ 2026-10-06

0 Like 0 留言 89 瀏覽

鐵人賽 Vibe Coding DAY 24

學生身份如何每天透過Vibe Coding每天做跨領域的創新項目系列第 24 篇

技術 Day 24 Google AI Studio x Antigravity 聯動！我要把之前做出來的東西做得更好！

【Day 24】Google AI Studio x Antigravity 聯動！我要把之前做出來的東西做得更好！ ▲ 圖 1：這麼多工具⋯⋯這麼多組合⋯...

SakuraEGS ‧ 2026-10-06

0 Like 0 留言 106 瀏覽

鐵人賽 Build on Google AI DAY 21

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 21 篇

技術 Day 21｜JSON 回來了，React 怎麼接？把 Gemini Response 變成 LearningCard[]

昨天 Day 20 終於把 Structured Output 正式接進 Gemini API。原本 Gemini 回傳的是一大段文字，現在則可以固定拿到：...

cherylcloud ‧ 2026-10-05

0 Like 0 留言 119 瀏覽

鐵人賽 Build on Google AI DAY 19

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 19 篇

技術 Day 19｜API 接通了，但 Prompt 太簡單：把學習條件整理成 Prompt Template

昨天終於把 Gemini API 接進 Learning Card App。從表單輸入：學習對象學習主題卡片數量按下「產生學習卡」後，資料會經過 S...

cherylcloud ‧ 2026-10-03

0 Like 0 留言 78 瀏覽

鐵人賽 Vibe Coding DAY 18

CDD 抱怨驅動開發：30 天 Vibe Coding 家庭生活改造系列第 18 篇

技術 C009：小朋友的二聲、三聲總是搞混

Day18：二聲還是三聲？最近女兒剛上小學一年級正是開始學注音的年紀一串全都是三聲的句子.... 某天，老婆在帶她練習注音結果發現她二三聲很常搞錯課本...

owo ‧ 2026-10-02

0 Like 0 留言 97 瀏覽

鐵人賽 Build on Google AI DAY 18

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 18 篇

技術 Day 18｜按下產生之後呢？從 React 呼叫 Gemini API

昨天完成「產生學習卡」表單後，App 終於可以知道使用者今天想學什麼。測試時，我選擇： 7～8 歲兒童浩瀚太空 3 張 React 也成功取得： {...

cherylcloud ‧ 2026-10-02

0 Like 0 留言 102 瀏覽

鐵人賽 Build on Google AI DAY 17

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 17 篇

技術 Day 17｜不想每次都改 Prompt：做一個 Learning Card 產生表單

昨天終於把 Day 12 透過 Structured Output 產生的五張海洋動物學習卡，成功放進 React UI。現在資料是真的了，畫面也可以正常顯示...

cherylcloud ‧ 2026-10-01

0 Like 0 留言 78 瀏覽

鐵人賽 Build on Google AI DAY 16

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 16 篇

技術 Day 16｜UI 有了，但資料還是假的：把 Learning Card JSON 接進 React

昨天透過 Make this an app，Gemini 已經幫我建立出一個可以實際操作的 Learning Card App。除了基本的學習卡之外，它還自己...

cherylcloud ‧ 2026-09-30

0 Like 0 留言 131 瀏覽

鐵人賽 Build on Google AI DAY 15

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 15 篇

技術 Day 15｜一段 React Code 還不夠？用 Make this an app 直接做成 Learning Card App

昨天我把 LearningCard 的資料格式交給 Gemini，請它幫我建立第一版 React UI。原本只是想看看：如果不自己從零刻 Componen...

cherylcloud ‧ 2026-09-29

0 Like 0 留言 116 瀏覽

鐵人賽 Vibe Coding DAY 16

學生身份如何每天透過Vibe Coding每天做跨領域的創新項目系列第 16 篇

技術 Day 16 文本？電影海報？線上策展？繞這麼多，其實最後是想要講 QR Code！

【Day 16】文本？電影海報？線上策展？繞這麼多，其實最後是想要講 QR Code！ ▲ 圖 1：掃個 QR Code，我們來看場文本改編的「電影」吧！M...

SakuraEGS ‧ 2026-09-28

0 Like 0 留言 104 瀏覽

鐵人賽 Build on Google AI DAY 13

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 13 篇

技術 Day 13｜JSON 有了，TypeScript 呢？建立 LearningCard 型別

昨天我們終於讓 Gemini 一次回傳 5 張 Learning Cards，而且資料不再是一大段文字，而是有固定結構的 JSON： { "car...

cherylcloud ‧ 2026-09-27

0 Like 0 留言 118 瀏覽

鐵人賽 Build on Google AI DAY 12

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 12 篇

技術 Day 12｜一張不夠，那就一次來五張：讓 Gemini 回傳 Learning Card Array

昨天把 Learning Card 的 Schema 拆開來看，終於比較清楚 properties、description、required 分別在做什麼。目...

cherylcloud ‧ 2026-09-26

0 Like 0 留言 97 瀏覽

鐵人賽 Build on Google AI DAY 11

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 11 篇

技術 Day 11｜Learning Card Schema 怎麼設計？把 AI 回傳格式定義清楚

昨天第一次使用 Structured Output，成功讓 Gemini 不再回傳一整段需要自己拆解的文字，而是按照設定好的 Schema 回傳 JSON。最...

cherylcloud ‧ 2026-09-25

1 Like 0 留言 115 瀏覽

鐵人賽 Build on Google AI DAY 7

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 7 篇

技術 Day 07｜同一個主題，不同年齡：Gemini 真的懂學習對象嗎？

昨天把第一版 Prompt 改得更明確之後，Gemini 產生的 Learning Cards 確實變得比較符合預期。 Content 更聚焦、Question...

cherylcloud ‧ 2026-09-21

0 Like 0 留言 93 瀏覽

鐵人賽 Build on Google AI DAY 6

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 6 篇

技術 Day 06｜Prompt 寫得越清楚，Gemini 就越聽話嗎？

昨天第一次在 Google AI Studio 裡，使用預設的 gemini-3.8-flash 產生 Learning Cards。第一次的結果其實比預期中...

cherylcloud ‧ 2026-09-20

0 Like 0 留言 110 瀏覽

鐵人賽 Build on Google AI DAY 5

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 5 篇

技術 Day 05｜第一次打開 Google AI Studio：讓 Gemini 產生第一張學習卡

前四天一路從「為什麼要做學習卡」、使用者是誰，到昨天終於把第一版 Learning Card 的內容定義出來。目前一張 Learning Card 暫定包含五...

cherylcloud ‧ 2026-09-19

0 Like 0 留言 139 瀏覽

鐵人賽 Build on Google AI DAY 4

今天學什麼？30 天用 Google AI 打造智慧學習卡系列第 4 篇

技術 Day 04｜一張智慧學習卡需要什麼？設計第一版 Learning Card

昨天先把智慧學習卡裡的角色分成了兩種： Creator：建立、確認與修改 Learning Card Learner：真正使用 Learning Card 學...

cherylcloud ‧ 2026-09-18

0 Like 0 留言 166 瀏覽

鐵人賽 Build on Google AI DAY 1

30 天使用 Antigravity 與 Google AI Studio 打造智慧教育 Agent 系列第 1 篇

技術【Day 1】打造升學面試專屬教練！UniMock AI 專案啟航與架構全覽

AI 工具使用聲明：本次專案使用 Antigravity Coding Agent、Gemini、Claude 等生成式 AI 工具協作，用於主要程式碼撰寫與資...

disesfgewu ‧ 2026-08-27

0 Like 2 留言 1235 瀏覽

鐵人賽生成式 AI DAY 18

Android 不會只更新 UI ! 用 Vibe Coding ? 加速打造 Al-native App 系列第 18 篇

技術 Day 18 - Native APP ? 首先你要有 Gemini API Key

Gemini API Key 獲取方式有兩種一是透過 Google AI Studio 快速申請免費金鑰，二是在 Google Cloud Console...

onedream ‧ 2025-10-02 ‧團隊nutc imac

0 Like 0 留言 1124 瀏覽

鐵人賽生成式 AI DAY 7

Android 不會只更新 UI ! 用 Vibe Coding ? 加速打造 Al-native App 系列第 7 篇

技術 Day 7 - 在強大且簡單的Vibe Coding 平台: Google AI Studio 量產天氣 Web APP Final

做完之後怎麼變成自己的? 只在網頁上面玩太無趣了吧 ⚠️資訊安全: 如果使用到API KEY 等，需注意部屬環境的安全性，切勿公開API key 你可能會...

onedream ‧ 2025-09-21 ‧團隊nutc imac

0 Like 0 留言 490 瀏覽

鐵人賽生成式 AI DAY 6

Android 不會只更新 UI ! 用 Vibe Coding ? 加速打造 Al-native App 系列第 6 篇

技術 Day 6 - 在強大且簡單的Vibe Coding 平台: Google AI Studio 量產天氣 Web APP Part2

完成後，我們還能做什麼? APP 歷史紀錄如果你已經把 APP 關閉，可以回到 Build 主頁面點 Your Apps 進入後的介面標題列可以改名、複...

onedream ‧ 2025-09-20 ‧團隊nutc imac

0 Like 0 留言 1148 瀏覽

鐵人賽生成式 AI DAY 5

Android 不會只更新 UI ! 用 Vibe Coding ? 加速打造 Al-native App 系列第 5 篇

技術 Day 5 - 在強大且簡單的Vibe Coding 平台: Google AI Studio 量產天氣 Web APP Part1

想必大家在 Android 學習的路上都學過天氣 APP 怎麼做吧!今天，要使用 Prompt 像工廠產線一樣製造量產型天氣 APP 前端我們將使用 AI St...

onedream ‧ 2025-09-19 ‧團隊nutc imac