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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 Day 2 - 魔法是想像的世界，在魔法的世界裡無法想像的事情就無法實現。

本篇將介紹心態、環境與工具 心態 AI 是你能力的放大器。你想像不到的，用AI也做不到 就跟魔法一樣 ⬇️ 圖片出自: 全聯葬送的福利聯 使用環境 Andr...