不用寫程式！老師只要輸入需求，AI 就能自動生成 iPad 教學工具，還能串接 Google 試算表

         昨晚花了一整晚的時間，反覆測試並優化了一個全新開發的「萬用教學數位工具生成器 Gem」。這個工具的強大之處在於，只要老師輸入想要在 iPad 上呈現的功能需求，它就能自動產出完整的網頁程式碼，甚至連後端的 Google 試算表串接都幫你寫好了！

🚀 實測成果：從數學到社會課都能用

我分別測試了幾種常見的教學情境，發現生成效果非常理想：

• 數學計算題：一次顯示一題，具備手寫計算區與答案輸入區。
• 英文單字配對：互動式的字卡拖拉，提升學習趣味。
• 中文部件組合：讓學生自由組合文字部件，練習識字。
• 社會科 321 學習單：條列式引導學生紀錄學習重點。
• 手寫畫圖：支援拍照後直接在照片上進行標註畫記。

生成的工具不但介面美觀，學生送出的答案還會自動存入 Google 試算表中，方便老師即時掌握學生的學習狀況。

🛠️ 如何使用這個萬用工具生成器？

您可以透過以下連結直接存取我設計好的 Gem，並依照下方的引導開始您的創作之旅：

開啟萬用工具生成器 Gem

詳細操作步驟說明：

1. 輸入需求：在 Gem 的對話框中輸入您的需求。例如：「我需要一個讓學生在 iPad 上自由畫記，並可以拍照後畫記的功能」。
2. 生成代碼：Gem 會自動判斷情境，並輸出 index.html 與 app.js 兩個區塊的程式碼。
3. 建立檔案：在您的電腦中建立這兩個檔案，並將程式碼分別貼入。只需雙擊 index.html，不需伺服器即可在瀏覽器開啟「主控制台」。
4. 設定後台：依照介面上的「第三分頁」指示，將 GAS 腳本貼到 Google 試算表的指令碼編輯器中，取得網址後填回控制台。
5. 分發給學生：點擊「下載學生端網頁」，將生成的 HTML 檔案發給學生，或透過 GitHub Pages/Gemini Canvas 共享網址。

⚠️ 重要提醒：開發與測試的必要性

雖然這個 Gem 已經經過高度優化，但 AI 生成程式碼並非 100% 完美。在使用時，請務必留意以下幾點：

• 功能全測試：生成後請務必逐一測試每個按鈕、輸入框與存檔功能，確保邏輯符合預期。
• 重新生成技巧：如果發現功能有誤或不完整，建議直接將原本的 prompt 再次送出，讓 AI 重新嘗試。有時候第二次生成的結果會比第一次更好。
• 選擇強大模型：建議使用進階模型(付費版模型)來運行此指令，這能顯著提升程式碼的精準度與穩定性。

科技的進步讓教育者能更專注於教學設計而非繁瑣的程式編寫。希望這個工具能幫助各位老師打造出更多有趣的互動課堂！