0成本架設 AI 網站！用 Google Sites + Gemini + Sheets 打造人格分析系統 (Vibe Coding 實戰) скачать в хорошем качестве

0成本架設 AI 網站！用 Google Sites + Gemini + Sheets 打造人格分析系統 (Vibe Coding 實戰)

功能網站-發現你可能不了解的自己 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