第十五屆 冠軍

mobile-dev
Ionic結合ChatGPT - 30天打造AI英語口說導師APP
momochenisme

系列文章

DAY 21

【Day - 21】Function Calling實戰3 - 結合GPT和3D圖像動畫

昨天,我們成功運用Function Calling讓GPT-3.5模型按照特定的格式輸出回覆,其中包括「語氣」、「語氣強調」,以及「需要強調的欄位」。今天是Fu...

DAY 22

【Day - 22】Function Calling實戰4 - 判斷文法的正確性

在【Day - 19】時,我們探討了GPT-3.5模型的Function Calling,發現它難以在回覆對話的同時進行文法檢查。另外,我也認為若在和AI的對話...

DAY 23

【Day - 23】Sheet Modal - 設計與實現文法錯誤提示功能

今天,我們將進一步增強【Day - 22】的文法檢查功能。當檢測到文法錯誤時,3D動畫機器人頭上將出現一個帶有驚歎號的按鈕作為提示。使用者若想進一步瞭解詳情,只...

DAY 24

【Day - 24】Server Sent Event應用 - 結合GPT即時說明文法錯誤

昨天,我們使用Sheet Modal為文法檢查建立了互動式的視窗。今天,我們會加入GPT模型,來對文法錯誤給予詳細的說明。這次的方法與之前的有所不同,我們將利用...

DAY 25

【Day - 25】Capacitor SQLite - 儲存歷史對話內容

在這24天鐵人賽中,我們經常需要測試多種對話情境。但每次重新啟動APP後,之前所有的對話都消失,必須重新開始。為了解決這一問題,今天我們打算實現歷史對話儲存功能...

DAY 26

【Day - 26】Navigation導航 - 瀏覽歷史對話

在【Day - 25】我們成功實現了歷史對話的儲存功能,讓我們每次開啟APP都可以延續先前的對話。今天的目標是實現查看對話記錄的功能。在這之前我們已採用Shee...

DAY 27

【Day - 27】Menu和Alert實戰 - 打造聊天室選單

在【Day - 25】中,我們完成歷史對話的儲存,並且已預先建立了一個聊天室功能的資料表。現在,我們將使用這個資料表,來實現一個與ChatGPT左側聊天室選單相...

DAY 28

【Day - 28】DALL·E和Cordova-res - 替換自己的Icon和Splash Screen

一款具有吸引力的APP,Icon和Splash Screen已經成為APP成功的一部分。它們不僅代表著你的品牌形象,也是使用者首次打開APP時的第一印象。因此,...

DAY 29

【Day - 29】Capacitor Splash Screen & StatusBar - 神秘的白畫面和消失的工具列

在【Day - 28】時,我們順利的設定好屬於自己的Icon和Splash Screen。但是Splash Screen持續時間非常的短暫,導致APP尚未完全載...

DAY 30

【Day - 30】完賽啦!- 總結與心得

開發總結 這30天,我們從環境建置開始,逐步進入Ionic的開發世界。我們使用許多Capacitor套件和原生功能之間的溝通橋樑,學習如何建立自己的ASP.Ne...