iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

Ionic結合ChatGPT - 30天打造AI英語口說導師APP 系列

在當今的世界中,人工智慧的應用越來越廣泛,從最初的數據分析到今日的自然語言處理,AI已深深烙印在我們的生活中。其中,語言學習的領域更是AI的重要戰場。接下來的30天,我們將以Ionic建構跨平臺應用程式並以Angular框架為基礎,搭配今年最流行的ChatGPT,練習打造一款專屬自己的AI英語口說導師APP。透過這個過程,你不僅可以實際瞭解和學習到Ionic APP的開發過程和應用,同時也能了解AI如何在這些領域中發揮作用。讓我們一起展開這段精彩的鐵人賽旅程吧!

鐵人鍊成 | 共 30 篇文章 | 42 人訂閱 訂閱系列文 RSS系列文
DAY 21

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

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

2023-09-21 ‧ 由 momochenisme 分享
DAY 22

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

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

2023-09-22 ‧ 由 momochenisme 分享
DAY 23

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

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

2023-09-23 ‧ 由 momochenisme 分享
DAY 24

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

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

2023-09-24 ‧ 由 momochenisme 分享
DAY 25

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

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

2023-09-25 ‧ 由 momochenisme 分享
DAY 26

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

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

2023-09-26 ‧ 由 momochenisme 分享
DAY 27

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

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

2023-09-27 ‧ 由 momochenisme 分享
DAY 28

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

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

2023-09-28 ‧ 由 momochenisme 分享
DAY 29

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

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

2023-09-29 ‧ 由 momochenisme 分享
DAY 30

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

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

2023-09-30 ‧ 由 momochenisme 分享