（iOS使用者請用電腦端開啟小程式）
只需在瀏覽器裡畫幾筆，就能聽到自己創作的旋律！
看到自己創作的小遊戲在網頁上即時跑起來，整個過程僅需半小時！
從零開始開發一個網頁小遊戲，總共分幾步？
走進AI與程式設計融合的新世界
手把手教你用Gemini 2.5 Pro模型生成程式碼！
搭建網站、部署上線，零基礎造遊戲！
無需程式設計經驗：自動生成程式碼，快速上手！
搭建流程難不難？
透過學習本期課程，你也能輕鬆結合影像識別與音訊生成！
而且，最關鍵的是，0基礎小白也能學會！🌟
Tina老師將帶你進入“畫圖變音樂”的全新賽道！
搭建你的開發環境，讓AI給你打工！
我們將覆蓋從工具安裝到部署上線的全流程！
讓你在一個晚上掌握完整的技術！
Node.js 安裝與環境變數配置——最快速完成本地執行環境的搭建。
AI 程式碼生成！Gemini 2.5 Pro，基於自然語言描述生成結構清晰、邏輯完整的程式碼片段！
GitHub建立專案倉庫——讓程式碼可協作、可追蹤！
本地開發與除錯，VS Code 提供了強大的偵錯程式，支援斷點除錯、變數檢視等功能，幫助你快速定位問題！
快速上線你的網頁應用吧！
Vercel 是一個專為現代 Web 應用設計的雲部署平臺，只需簡單幾步即可完成部署！
你的網頁小遊戲就已經上線！別人還在門外看著，你卻輕鬆拿捏！
加入課程，這裡還有這些！
所有案例現場生成，拒絕PPT式教學
展示從0到1的完整工作流程，即學即用！
加入課程群，Tina老師即時解答專業問題！
是不是等不及，馬上就想開始了？！
我猜你的答案當然就是——必須的！！
怎麼樣？是不是已經迫不及待了！？
Tina老師將一步步帶你實戰教學，開啟你的AI新篇章！🔥
還在猶豫？
不會操作？沒關係！
30分鐘，手把手教你怎麼做。學不會？就再教你一遍！
別再猶豫了，鎖定AI小課吧！👇
2025年5月18日晚8點，【前哨AI小課 第四季12期】如何用AI開發網頁小遊戲並上線：畫圖變音樂
-
Node.js安裝-如何配置環境變數，安裝VS Code，註冊GitHub，安裝GitHub客戶端
-
如何用Gemini2.5Pro模型生成程式碼 -
如何在GitHub建立專案倉庫 -
本地開發與除錯 、用VS Code改程式碼
-
使用 Vercel 快速部署上線 -
自定義域名繫結：設定域名解析
↓ 點選訂閱，手把手教你掌握先進科技
（iOS使用者請用電腦端開啟小程式）