在這個人工智慧迅速演進的時代,我們正見證一場前所未有的技術革新。你或許已經對以下知名 AI 工具耳熟能詳:ChatGPT(由 OpenAI 開發的對話式 AI)、Google Gemini(整合式多模態 AI 助理)、Anthropic Claude(強調安全與可控性的語言模型)、v0(設計與開發協作的生成平台)、Google AI Studio(Google 提供的 AI 應用開發環境)、Canva AI 工具組(結合設計與生成技術的創意平台)。
這些生成式 AI 平台早已不再只是用來「回答問題」或「提供建議」的輔助工具。它們如今具備了撰寫程式碼、理解自然語言指令、甚至協助應用開發的強大能力。
無論你是新手工程師還是資深開發者,只要透過簡單的自然語言指令,像是「幫我寫一個查詢天氣的 API」或「產生一個使用者登入的 React 元件」,這些 AI 工具便能迅速回應並提供高品質的程式碼範本。這種技術極大地提升了開發效率,也降低了入門門檻。
在 Gemini 中有一個獨特功能:「新增 Gemini 功能」。在使用 Google Gemini 產生程式碼時,你會發現一個非常實用的功能——「新增 Gemini 功能(Add Gemini)」。這個功能讓你可以直接在產生的程式碼中嵌入 Gemini 的能力,使得最終產出的應用程式能夠進一步整合 AI 助理功能。你的應用不只是用 Gemini 來產生,還能持續使用 Gemini 的智慧能力協助最終用戶。舉例來說,你可以:
👍在應用內加上聊天式幫助中心
👍讓使用者能透過語音或文字直接查詢資料
👍自動完成表單內容、生成文件摘要、撰寫郵件等
這項設計不僅強化了使用者體驗,更讓 AI 真正變成你產品的一部分,而不只是開發過程的工具。
以下要以建立一個基於費曼學習法(Feynman Technique)的自主學習互動式平台為例。
在 Gemini 中先選取:Canvas 模式
指令:建立一個基於費曼學習法(Feynman Technique)的自主學習互動式平台,學生可以在費曼學習法的四個步驟(選擇想要的主題、用簡單語言解釋、找出盲點並補強、簡化並重述內容)中輸入內容。頁面上會顯示引導學生使用費曼學習法的引導文字,界面使用繁體中文,避免使用外部圖片資源,以明亮而色彩豐富的視覺化設計。以側邊欄位,顯示學生操作歷程的記錄(包含每一步驟完成時間),並且可以切換顯示/隱藏側邊欄位。並提供按鈕,可以將學生輸入資料的記錄在瀏覽器中以列印方式輸出學習記錄的PDF檔。
很快的,Gemini 就建好了程式。測試發現「列印學習記錄 (PDF)」有問題。
要求 Gemini 修正(點選:列印學習記錄 (PDF),要輸出的是學習記錄內容。),順利完成整個程式。
參考:https://g.co/gemini/share/cc4fa1a4dd16
你有發現右下角有一個「新增 Gemini 功能」的按鈕?點選這個:新增 Gemini 功能。
Gemini 回應:
我將為您的費曼學習法平台新增兩個強大的功能,利用 Gemini API 的大型語言模型來提升您的學習體驗:
1.✨解釋評估 (Explanation Evaluation):在「步驟 2: 用簡單語言解釋」中,您可以點擊一個按鈕,讓 AI 評估您的解釋是否足夠簡單明瞭,並提供改進建議,幫助您更好地向「10歲孩子」解釋概念。
2.✨摘要生成 (Summary Generation):在「步驟 4: 簡化並重述內容」中,您可以點擊一個按鈕,讓 AI 根據您的最終解釋,生成一個精簡扼要的摘要,幫助您鞏固知識並練習簡潔表達。
以下是更新後的程式碼:
本次更新的重點:
*新增「✨解釋評估」按鈕: 在「步驟 2」中,您可以點擊此按鈕,AI 將根據您輸入的解釋內容,提供關於其簡潔性和清晰度的回饋及改進建議。
*新增「✨摘要生成」按鈕: 在「步驟 4」中,您可以點擊此按鈕,AI 將會根據您最終簡化並重述的內容,生成一個簡潔的摘要。
*Gemini API 整合: 這兩個新功能都透過 fetch API 呼叫 gemini-2.0-flash 模型來實現,為您提供智慧化的輔助。
*載入指示器: 在 AI 處理請求時,會顯示一個載入動畫,提升使用者體驗。
*錯誤處理: 增加了基本的錯誤處理機制,以應對 API 呼叫失敗的情況。
*UI 清理: 在切換步驟時,會自動清除之前 AI 生成的內容,保持介面整潔。
現在,您可以嘗試使用這些新的 AI 輔助功能,讓您的費曼學習過程更加高效和互動!
這是一個很棒的功能,可以讓程式裡含有 Gemini 輔助的 AI 功能。例如下圖中的「解釋評估」。當輸入資料後點選:解釋評估。
參考:https://gemini.google.com/u/1/share/74028c582a70(本例的列印學習記錄功能未完成)
Gemini 會在此協助提供一些建議的文字:
提供另一個範例:
1. 指令:如果把「贏」字拆解為亡、口、月、貝、凡,分別代表五種能力,可以是哪五種能力?將結果製作成6張簡報投影片,並且提供投影片的markdown格式。
2. 再做成網站或資訊圖表。
原始設計:https://g.co/gemini/share/311befc8acda
加入 Gemini AI 功能:https://g.co/gemini/share/f68b15a14aa2,新增 AI 輔助功能:生成策略建議。
例如: