GoogleAI基本功EP05:一個影片搞懂 Google Canvas 畫布的全部功能_vibe coding佈署GAS
L3 · 23:50
你會學到
你會學到
- 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 放在你的後端，放在你後端的網頁應用程式裡面，是在你的帳號比較安全。」 「因為你再重新部署是很麻煩的事情。」
適用情境
當你需要透過自然語言指令快速開發網頁應用、自動化數據處理，或將教學想法轉化為互動工具時。
跟著做
- 在Gemini中開啟Canvas功能。
- 輸入需求生成文章或Google Slides簡報。
- 為生成GAS應用，提示詞需包含「單一html的GAS程式」。
- 將生成的HTML和Code.gs分別貼到Apps Script編輯器。
- 部署為網頁應用程式，並將權限設為「任何人」。
延伸主題
- Google Apps Script (GAS) 進階開發
- API Key 安全管理與 OAuth 認證
- 現代網頁框架與部署
- 提示工程 (Prompt Engineering) 進階技巧
- 低代碼/無代碼平台比較
---en---
What You’ll Learn
- …
Teaching Quote
”…”
When to Use
- …
Related Topics
- …
教學金句
Viber coding就是你告訴他需求，剩下部分由AI去幫你完成。
前端就是服務生在給你點餐，後端就是廚房做菜，資料庫這是我們的儲藏室跟冰箱。
你想得到你就都打上去，沒想到的之後修正的時候再補就好了。
目前比較安全的方式是，將你 API KEY 放在你的後端，放在你後端的網頁應用程式裡面，是在你的帳號比較安全。
因為你再重新部署是很麻煩的事情。