0成本架設 AI 網站!用 Google Sites + Gemini + Sheets 打造人格分析系統 (Vibe Coding 實戰)
Автор: 施育廷_國立臺中教育大學
Загружено: 2025-12-17
Просмотров: 2052
功能網站-發現你可能不了解的自己
https://sites.google.com/view/foundin...
教學投影片
https://sites.google.com/view/foundin...
CEv2重點整理
https://v2.chateverywhere.app/zh/meet...
【影片摘要】
想開發 AI 應用卻不想花錢租伺服器?
這集影片將示範最極致的 「Google 全家餐」開發法!
我們將使用 Google Gemini API (大腦)、Google Sheets (資料庫)、Google Apps Script (後端邏輯)
以及 Google Sites (前端介面),在 40 分鐘內從零打造一個 「AI 人格分析互動網站」。
這是最適合新手的 Vibe Coding 實戰,
完全免費、無須維護伺服器,做完就能直接發布給朋友使用!
🛠️ 本集使用工具 (Tech Stack):
AI Model: Google Gemini Pro (Free Tier)
Backend: Google Apps Script (GAS)
Database: Google Sheets (試算表)
Frontend: Google Sites (協作平台)
📌 實戰時間軸 (Time Stamps):
00:00:00 - 影片開場與專案概述
00:00:20 - AI個人特質分析概念與靈感來源
00:01:37 - 網站建置前置作業與Gemini免費版應用
00:02:35 - 撰寫AI提示詞生成互動式網頁
00:05:00 - 網站功能規劃與部署平台選擇
00:06:16 - 首次測試AI生成網頁與功能修正
00:08:55 - 導入Google Apps Script (GAS) 環境開發
00:11:00 - GAS程式碼調整與網頁應用程式部署
00:14:10 - 測試GAS部署的網頁應用程式
00:17:22 - 整合Google Sites固定網址與發布
00:20:50 - 新增資料記錄功能:Google試算表整合
00:23:50 - 設定試算表欄位與更新GAS程式碼
00:26:22 - 測試資料記錄功能與初步問題
00:29:00 - 偵錯與解決Google Apps Script權限問題
00:38:00 - 重新建立GAS專案解決權限問題
00:41:00 - 最終網站發布與結語
#vibecoding #googleappsscript #geminiapi #googlesites #程式教學 #全端開發 #AI應用 #googlesheets
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: