目錄
前言
致謝
這本書可以學到什麼？
開發過程中可能費用產生
開發 AI 英語口說導師的流程與技術
本書範例應用程式下載
CH1 Ionic 開發事前準備
1-1 介紹 Ionic 和 Capacitor
1-2 工具準備
1-3 建立和設定 Ionic 專案
1-4 編譯、執行和部署 Ionic 專案
1-5 Ionic 的進階開發技巧
1-6 使用 Tailwind CSS 搭配 Ionic
1-7 Angular 17 中的新功能 – Built-in Control Flow 和 Angular Signals
CH2 ChatGPT、OpenAI API 與 Azure AI Services
2-1 介紹 ChatGPT Plus
2-2 建立 AI 英語口說導師 GPTs
2-3 開始使用 OpenAI API
2-4 探索 GPT 聊天模型 – 認識Chat API
2-5 AI 英語口說導師「溝通」的核心 – 認識 Audio API
2-6 AI 英語口說導師「對話」的核心 – 認識 Assistants API
2-7 AI 英語口說導師「語音」的核心 – 認識 Azure AI Services 文字轉語音
CH3 實現 AI 英語口說導師「溝通」的核心
3-1 建立 3D 機器人模型 – 在 Ionic 中使用 Three.js
3-2 原生麥克風錄音 – Capacitor Microphone
3-3 實現長按錄音功能 – Ionic Gesture 元件介紹
3-4 實現錄音時的動畫 – Ionic Animation 元件介紹
3-5 為錄音按鈕加上觸覺震動反饋 – Capacitor Haptic
3-6 將錄音結果轉為文字 – Audio API 實戰
3-7 API 讀取狀態和動畫 – HttpInterceptor 實戰 1
3-8 攔截器的進階使用技巧 – HttpInterceptor 實戰 2
CH4 實現 AI 英語口說導師「對話」和「語音」的核心
4-1 建立聊天室選單 – Ionic Menu 元件介紹
4-2 聊天室選單結合本機資料庫 – Capacitor SQLite 實戰 1
4-3 建立詢問視窗 – Ionic Alert 元件介紹
4-4 整合聊天室選單 – Assistants API 實戰 1：串接 Thread API
4-5 實現對話功能 – Assistants API 實戰 2：串接 Run API
4-6 實現語音功能 – Azure AI Services 實戰：將文字轉語音
4-7 語音重播和 3D 動畫切換 – 解決 Angular Signals 的 NG0600 問題
4-8 儲存歷史訊息 – Capacitor SQLite 實戰 2
CH5 AI 英語口說導師進階功能實現
5-1 瀏覽歷史訊息 – Ionic Angular Navigation
5-2 下拉讀取功能實作 – Ionic Infinite Scroll 元件介紹
5-3 實作文法和口語提示 – Ionic Modal 元件介紹：使用 Sheet Modal
5-4 用 Chat Completion 完成文法和口語說明 – Chat API 實戰：Server-Sent Events
5-5 替換應用程式的圖示和啟動畫面 – Capacitor Splash Screen & Assets 實戰
CH6 將 AI 英語口說導師上架到 Google Play 和 App Store 商店中
6-1 Google Play – Android 上架流程
6-2 App Store – iOS 上架流程
