開發總結 這30天，我們從環境建置開始，逐步進入Ionic的開發世界。我們使用許多Capacitor套件和原生功能之間的溝通橋樑，學習如何建立自己的ASP.Ne...
在【Day - 28】時，我們順利的設定好屬於自己的Icon和Splash Screen。但是Splash Screen持續時間非常的短暫，導致APP尚未完全載...
一款具有吸引力的APP，Icon和Splash Screen已經成為APP成功的一部分。它們不僅代表著你的品牌形象，也是使用者首次打開APP時的第一印象。因此，...
在【Day - 25】中，我們完成歷史對話的儲存，並且已預先建立了一個聊天室功能的資料表。現在，我們將使用這個資料表，來實現一個與ChatGPT左側聊天室選單相...
在【Day - 25】我們成功實現了歷史對話的儲存功能，讓我們每次開啟APP都可以延續先前的對話。今天的目標是實現查看對話記錄的功能。在這之前我們已採用Shee...
在這24天鐵人賽中，我們經常需要測試多種對話情境。但每次重新啟動APP後，之前所有的對話都消失，必須重新開始。為了解決這一問題，今天我們打算實現歷史對話儲存功能...
昨天，我們使用Sheet Modal為文法檢查建立了互動式的視窗。今天，我們會加入GPT模型，來對文法錯誤給予詳細的說明。這次的方法與之前的有所不同，我們將利用...
今天，我們將進一步增強【Day - 22】的文法檢查功能。當檢測到文法錯誤時，3D動畫機器人頭上將出現一個帶有驚歎號的按鈕作為提示。使用者若想進一步瞭解詳情，只...
在【Day - 19】時，我們探討了GPT-3.5模型的Function Calling，發現它難以在回覆對話的同時進行文法檢查。另外，我也認為若在和AI的對話...
昨天，我們成功運用Function Calling讓GPT-3.5模型按照特定的格式輸出回覆，其中包括「語氣」、「語氣強調」，以及「需要強調的欄位」。今天是Fu...
在【Day - 19】中，我們成功透過Function Calling功能讓GPT-3.5模型按照指定的格式進行輸出，並且保持了良好的回應速度。今天我們將把Fu...
在【Day - 18】時，我們面臨了GPT-4模型速度過慢的問題，目前唯一的解決方案似乎是改用GPT-3.5模型。然而，使用GPT-3.5模型它不但沒辦法輸出S...
在【Day - 17】中，我們成功讓GPT-4模型按照我們所指定的SSML格式生成文本。從第一天的鐵人賽開始，光是文字轉語音和語音轉文字的功能，就讓我耗費了許多...
昨天我們探討了Azure AI Service的Speech Service語音服務，並初步了解了SSML語音合成標記語言的基礎架構。今天，在開始將Ionic與...
在【Day - 14】我們完成了基本的聊天對話功能，然而，所有的回應都是以文字的形式呈現，於是我想透過Azure AI Service的語音服務，將文字轉成語音...
昨天我們完成了和AI對話的功能。然而，由於GPT模型有Token數量的限制，我們無法將無窮無盡的歷史對話上下文訊息全部交給GPT模型處理。這時候，我們就需要借助...
在昨日的【Day - 13】中，我們對Prompt Engineering有了更深入的理解。今天，我們將運用【Day - 8】所介紹的API，進行實際的串接實作...
在成功完成了語音轉文字的功能後，下一步就是串接ChatGPT。但在進行之前，我們需要先理解並掌握一個重要的概念：「提示工程（Prompt Engineering...
【Day - 11】我們成功將服務運行並部署在雲端，今天我們會將服務與我們的APP進行完整串接，以完成整個語音轉文字的功能。除此之外，今天我們也會在APP上加入...
在【Day - 10】，我們成功建置了一個能處理語音轉檔的API，並且已經順利與Whisper API整合。然而，目前的服務僅能在本地運行。因此，今天我們將會把...
在【Day - 9】我花了很多時間嘗試解決音訊轉檔的問題。由於使用的Capacitor套件錄製的音訊格式是aac，我們需要將其轉換成Whisper API可以接...
昨天，我們對Whisper模型進行了初步的探索和使用。今天，我們將結合這兩個部分，利用Whisper API將錄製的語音轉成文字。正如【Day - 8】所述，儘...
經過前幾天的努力，我們的錄音功能已經成功建置完成。終於可以來介紹本次主題的另一個重點：ChatGPT。近年來，隨著AI的劇烈進展，特別是今年可以稱為生成式AI的...
在【Day - 6】中，我們已經完成了一個基本的錄音功能，目前的操作方式是：按下按鈕開始錄音，再次按下則停止錄音。不過，今天我打算調整一下這種操作方式。我的目標...
在【Day - 5】中，我們準備了一個3D模型機器人，下一步是新增核心功能：「錄音」。首先，我計劃設計一個對話用的錄音按鈕。我想讓它位於中心的形狀為大圓形的，提...
在前幾天的準備之後，我們終於要開始規劃APP的畫面了。首先，根據【Day - 1】所設立的目標，第一步就是要在首頁中央放置一個3D模型機器人。提到3D模型，我們...
在【Day - 2】時，我們已經順利的將專案執行起來，接下來就可以開始開發APP的頁面。但在進行開發之前，我希望在這30天的鐵人賽中，能夠專注在Ionic和Ch...
在開始開發Ionic專案之前，有一些事項我們需要特別留意。這些細節可能影響到APP的效能、使用者體驗或開發過程中的效率等等。除此之外，為了使大家在接下來的30天...
在開發APP前，首要任務就是設定開發環境。在開始建構任何軟體或應用之前，必須先建立一個穩定且可靠的開發環境，這是一個不可或缺的步驟。環境建置完成後，我們還將介紹...
前言 大家好！今年是我首次參加鐵人賽，以往都有在關注鐵人賽也很想嘗試挑戰看看，可是始終不敢跨出那一步。而今年是我人生中的一個轉捩點，做了很多不一樣的決定和嘗試，...
momochenisme
iThome鐵人賽
看影片追技術