在當今的世界中,人工智慧的應用越來越廣泛,從最初的數據分析到今日的自然語言處理,AI已深深烙印在我們的生活中。其中,語言學習的領域更是AI的重要戰場。接下來的30天,我們將以Ionic建構跨平臺應用程式並以Angular框架為基礎,搭配今年最流行的ChatGPT,練習打造一款專屬自己的AI英語口說導師APP。透過這個過程,你不僅可以實際瞭解和學習到Ionic APP的開發過程和應用,同時也能了解AI如何在這些領域中發揮作用。讓我們一起展開這段精彩的鐵人賽旅程吧!
- 【Day - 1】開賽前言與工具準備
- 【Day - 2】Ionic開發指南1 - 環境建置和執行
- 【Day - 3】Ionic開發指南2 - 注意事項與基本元件介紹
- 【Day - 4】Ionic搭配Tailwind - 提升開發效率的新策略
- 【Day - 5】Ionic加入Three.js - 在APP中快速建立3D模型
- 【Day - 6】Capacitor Voice Recorder - 實現錄音功能
- 【Day - 7】Gesture & Capacitor Haptics - 建立自定義手勢和觸覺反饋
- 【Day - 8】Open AI API - 認識GPT和Whisper
- 【Day - 9】Whisper模型 - 將語音轉成文字
- 【Day - 10】ASP.NET Web API - 用FFmpeg打造音訊轉換服務
- 【Day - 11】Azure + Docker - 建置和部署服務
- 【Day - 12】串接Azure服務 - 完成語音轉文字功能
- 【Day - 13】Prompt Engineering實戰1 - 測試提示工程
- 【Day - 14】GPT模型 - 打造流暢自然的英文對話
- 【Day - 15】GPT Tokenizer - 計算對話字數
- 【Day - 16】Azure AI Service - 認識Speech Service語音服務
- 【Day - 17】Prompt Engineering實戰2 - 控制模型輸出SSML格式
- 【Day - 18】Speech Service串接 - 完成文字轉語音功能整合
- 【Day - 19】Function Calling實戰1 - 自定模型輸出格式
- 【Day - 20】Function Calling實戰2 - 讓語音重新播放
- 【Day - 21】Function Calling實戰3 - 結合GPT和3D圖像動畫
- 【Day - 22】Function Calling實戰4 - 判斷文法的正確性
- 【Day - 23】Sheet Modal - 設計與實現文法錯誤提示功能
- 【Day - 24】Server Sent Event應用 - 結合GPT即時說明文法錯誤
- 【Day - 25】Capacitor SQLite - 儲存歷史對話內容
- 【Day - 26】Navigation導航 - 瀏覽歷史對話
- 【Day - 27】Menu和Alert實戰 - 打造聊天室選單
- 【Day - 28】DALL·E和Cordova-res - 替換自己的Icon和Splash Screen
- 【Day - 29】Capacitor Splash Screen & StatusBar - 神秘的白畫面和消失的工具列
- 【Day - 30】完賽啦!- 總結與心得