WORKSHOP · 2026.05.17初學者友善

Google AI Studio 三小時工作坊

Google AI Studio Build — Voxel Toy Box 3D 小遊戲

課程互動投影片 — Slide 01 / 45

一次購買，永久存取

購買後即可解鎖所有課程資源

點擊即同意服務條款及隱私權政策

從零打造三個真實 AI 產品

完整三小時課程講義：從 Vibe Coding 概念、網頁實戰、小遊戲開發，到打造專屬 AI 工具與資安觀念。

三大實戰專題

三小時，三個完整作品

每個專題都有完整課程回放、互動投影片與詳細講義

💰14:00

VOXEL LEDGER

記帳 App

Firebase 會員登入、統計圖表、Notion API 雲端同步

🗺️15:00

文明帝國模擬器

Three.js 3D 沙盒

3D 地形生成、多文明自動戰爭、科技樹系統

✍️16:00

Aura Write

AI 文章助手

Gemini API 串接、AI 生成文章、右側對話協作面板

你將學會...

上完這堂課，你能做到什麼？

用 Google AI Studio 一句話建出完整 Web App

串接 Firebase 實現用戶登入與雲端資料儲存

整合 Notion API，讓 App 資料自動同步上雲

用 Three.js 打造 3D 互動文明模擬器

建立帶有 AI Chat 的完整文章協作工具

理解 Vibe Coding 的核心思維與實戰流程

課程內容

4 個專題 · 22 個單元

從工具設定到完整作品，逐步引導

Google AI Studio 介面總覽

Playground — 直接對話測試

Build — 一句話建出 App

Gallery — 全球開發者真實範例

API Keys — 串接 Gemini

用 Gemini 分析競品，找出 MVP 切入點

設計 MVP Prompt，請 Gemini 寫出完整 App

基礎輸入框架：支出記錄與查看

Firebase 會員登入系統串接

Firestore 雲端資料儲存

統計圖表：讓數字變視覺

Notion API 整合：資料同步上雲

Three.js 3D 地形生成

多文明與城市系統設計

科技樹、士兵、建築系統

自動戰爭與征服邏輯

完整 3D 模擬器成果展示

文章管理首頁與懸浮膠囊輸入欄

AI 生成文章 + 來源引用 + 圖表

文章閱讀頁右側 AI Chat 面板

Chat 面板：對話、編輯、爬蟲、生成簡報圖

完整 AI輔助寫作工具成果

加入課程後你將獲得

互動式投影片45 張 · 全螢幕 · 隨時複習

完整課程講義詳細步驟 · Markdown 格式

課程回放影片完整課堂錄影 · 永久觀看

適合對象

這堂課適合你嗎？

完全沒有程式基礎的初學者

想用 AI 快速將點子落地的創作者、設計師

想了解 Google AI Studio 潛力的工程師

創業者、產品經理想親手驗證產品想法

常見問題

有任何疑問嗎？

完全不需要！課程從零開始，帶你用 AI 一步步建出完整 App，只需要有電腦與瀏覽器即可。

可以。所有操作都在瀏覽器中完成，不需要安裝任何軟體，Windows / Mac / Linux 均適用。

一次購買，永久存取。包含課程回放影片、投影片和完整講義，未來更新也免費同步。

購票後，請使用購票時的 Google 帳號登入本平台，即可解鎖所有課程資源。

Google AI Studio 完全免費，Firebase 有免費方案足夠課程使用，Notion 免費版即可完成所有整合。

準備好開始了嗎？

用 AI 打造你的第一個 App

一次購買，永久存取

購買後即可解鎖所有課程資源

點擊即同意服務條款及隱私權政策

學員評價

4.7

★★★★★

3 則真實評價

其他課程

UNITY AR · ADVANCED

Unity AR × Gemini AI 進階實戰

40 張

Unity AR × Gemini AI 進階實戰

謝上智 Sun·2026.05.15·3 小時

免費

22 張

想法實現機

謝上智 Sun·2026.05.14·1 小時

免費