今天開始來細看 Quill Editor 的技術文件，看看 Quill 有哪些方法可以使用。同時也準備了範例練習，實際呼叫並觀察也許會比較有感覺。這會是一段細節...
在【Day - 25】我們成功實現了歷史對話的儲存功能，讓我們每次開啟APP都可以延續先前的對話。今天的目標是實現查看對話記錄的功能。在這之前我們已採用Shee...
今天我們將一同探討 Quill 背後的兩個關鍵概念：Blot 和 Parchment。雖然這些名詞可能聽起來有些陌生，但它們在 Quill 的運作中扮演了重要的...
在這24天鐵人賽中，我們經常需要測試多種對話情境。但每次重新啟動APP後，之前所有的對話都消失，必須重新開始。為了解決這一問題，今天我們打算實現歷史對話儲存功能...
昨天探討了 Delta，初步有了一些概念，今天就來嘗試練習看看，為了方便查看，先新增一個 quill-editor.service，並將 Delta 相關的練習...
昨天，我們使用Sheet Modal為文法檢查建立了互動式的視窗。今天，我們會加入GPT模型，來對文法錯誤給予詳細的說明。這次的方法與之前的有所不同，我們將利用...
今天初步探討 Quill Editor 資料物件之一，Delta，就一起來了解一下吧。 什麼是 Delta 物件？ 不要被 Delta 這酷酷的名字給嚇到，它其...
軟體名稱 隨身旅遊雜記 開發目標 提供可以記錄旅遊或美食的雜記功能，可以透過關鍵字收尋主題內容，找尋之前撰寫的內容，並可以提供離線查詢功能，可以留存與查詢圖片．...
今天，我們將進一步增強【Day - 22】的文法檢查功能。當檢測到文法錯誤時，3D動畫機器人頭上將出現一個帶有驚歎號的按鈕作為提示。使用者若想進一步瞭解詳情，只...
Quill 作為編輯器的核心優勢在於它提供了豐富的 API 與容易實現客製化的功能。當我們基於 Quill 的 API 實作功能時，可以包成一個 module...
在【Day - 19】時，我們探討了GPT-3.5模型的Function Calling，發現它難以在回覆對話的同時進行文法檢查。另外，我也認為若在和AI的對話...
昨天我們知道如何設定編輯器的 CSS 樣式，並且修改既有的功能按鈕。今天接著研究要如何自訂工具列的內容以及加入自訂功能的按鈕。 自訂工具列：Toolbar Op...
昨天，我們成功運用Function Calling讓GPT-3.5模型按照特定的格式輸出回覆，其中包括「語氣」、「語氣強調」，以及「需要強調的欄位」。今天是Fu...
今天我們將著重於自訂 Quill Editor 的外觀與樣式，讓編輯器更符合專案的設計風格需求。Quill Editor 提供了幾種方法來調整外觀樣式，讓我們一...
在【Day - 19】中，我們成功透過Function Calling功能讓GPT-3.5模型按照指定的格式進行輸出，並且保持了良好的回應速度。今天我們將把Fu...
在【Day - 18】時，我們面臨了GPT-4模型速度過慢的問題，目前唯一的解決方案似乎是改用GPT-3.5模型。然而，使用GPT-3.5模型它不但沒辦法輸出S...
上一篇我們看了 Why Quill，今天就來複習環境設置，並嘗試新增一個 Angular 專案，不過如果你是被標題吸引進來的同學，多少都有接觸過 Angular...
在【Day - 17】中，我們成功讓GPT-4模型按照我們所指定的SSML格式生成文本。從第一天的鐵人賽開始，光是文字轉語音和語音轉文字的功能，就讓我耗費了許多...
Express簡介 Express 是一個非常受歡迎的 Node.js Web 應用程式框架。它被廣泛用於建立後端環境，並提供了一個簡潔而靈活的方式來處理 HT...
昨天我們探討了Azure AI Service的Speech Service語音服務，並初步了解了SSML語音合成標記語言的基礎架構。今天，在開始將Ionic與...
前言 最近開始新的職業生涯，重回 Angular 專案的懷抱，但也看到許多未曾接觸過的東西，例如 Quill Editor 這個編輯器，這裡面的東西非常的豐富...
在【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整合。然而，目前的服務僅能在本地運行。因此，今天我們將會把...
首先我必須開宗明義地說，本次的Angular@16-Standalone開發模式分享更加傾向於一種實戰心得分享舉個例子來說就是一個新兵幸運蛋子分享自己如何在戰場...
在【Day - 9】我花了很多時間嘗試解決音訊轉檔的問題。由於使用的Capacitor套件錄製的音訊格式是aac，我們需要將其轉換成Whisper API可以接...
Micro Services 是2014年大神Martin Fowler和James Lewis提出的概念在現今雲端化 容器化的web世界 已是家餘戶曉的主流架...
Jeff Wu
momochenisme
Terry
Otto_auto
ianwang83382784
iThome鐵人賽
看影片追技術