Google AI Fundamentals EP05: Understanding All Features of Google Canvas - Vibe Coding and GAS Deployment

你會學到

• Google Canvas 是一項強大的功能，可讓使用者透過自然語言指令，進行文章撰寫、投影片生成及程式編寫。
• Viber coding 讓不熟悉程式碼的使用者也能利用 AI 生成網頁應用程式，大幅降低開發門檻。
• Canvas 支援生成可與 Google 文件、Google 試算表和 Google Apps Script (GAS) 整合的應用，實現數據處理與自動化。
• 部署 Canvas 生成的 GAS 應用需要將前端 HTML 和後端 Code.gs 分別貼至 Apps Script，並設定部署權限。
• 在程式中加入 AI 功能需留意 API Key 的安全性，建議初學者將 API Key 放置於後端以避免洩露風險。

教學金句

「Viber coding就是你告訴他需求，剩下部分由AI去幫你完成。」 「前端就是服務生在給你點餐，後端就是廚房做菜，資料庫這是我們的儲藏室跟冰箱。」 「你想得到你就都打上去，沒想到的之後修正的時候再補就好了。」 「目前比較安全的方式是，將你 API KEY 放在你的後端，放在你後端的網頁應用程式裡面，是在你的帳號比較安全。」 「因為你再重新部署是很麻煩的事情。」

適用情境

當你需要透過自然語言指令快速開發網頁應用、自動化數據處理，或將教學想法轉化為互動工具時。

跟著做

1. 在Gemini中開啟Canvas功能。
2. 輸入需求生成文章或Google Slides簡報。
3. 為生成GAS應用，提示詞需包含「單一html的GAS程式」。
4. 將生成的HTML和Code.gs分別貼到Apps Script編輯器。
5. 部署為網頁應用程式，並將權限設為「任何人」。

延伸主題

• Google Apps Script (GAS) 進階開發
• API Key 安全管理與 OAuth 認證
• 現代網頁框架與部署
• 提示工程 (Prompt Engineering) 進階技巧
• 低代碼/無代碼平台比較

---en---

What You’ll Learn

• …

Teaching Quote

”…”

When to Use

• …

Related Topics

• …