在【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世界 已是家餘戶曉的主流架...
昨天，我們對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前，首要任務就是設定開發環境。在開始建構任何軟體或應用之前，必須先建立一個穩定且可靠的開發環境，這是一個不可或缺的步驟。環境建置完成後，我們還將介紹...
前言 大家好！今年是我首次參加鐵人賽，以往都有在關注鐵人賽也很想嘗試挑戰看看，可是始終不敢跨出那一步。而今年是我人生中的一個轉捩點，做了很多不一樣的決定和嘗試，...
今天工作期間有遇到一個問題：因公司是醫療體系，所以系統裡有很多病患的名字，而人的名字就會有一些特殊的字。當時公司的解決辦法就是建了自己的造字，並一直沿用到現在，...
結語 終於完成 Angular 專案開發指南 系列文章的撰寫，本以為可以輕鬆完成，卻剛好碰上許多事情同時發生，幸好平時就有寫一些研究成果來作為對內分享的文件，幫...
前言 登入功能也是一個網站應用專案中很重要的一部分，由於一般情況下只有在使用者登出或者登入的 token 過期的時候才會回到登入頁面，因此我們選擇用 延遲載入...
前言 大型網站應用程式專案由於功能較多，如果一開始就把全部的頁面或功能模組引入根模組，使用者體驗會因為初次進入畫面時間過久而降低，為了解決這個問題，延遲載入模組...
前言 上一篇使用 *ngComponentOutlet 的方式來動態產生元件，本篇要跟大家分享的是 ViewContainerRef，在程式中產生元件實體後再嵌...
前言 租賃代管業務中除了租戶管理，租賃物件本身宣傳廣告也是很重要的需求，為了吸引顧客上門，客戶要求提供一個元件給他們維護物件的資訊，廣告格式有， 文字敘述 -...
momochenisme
Jeff Wu
Terry
Otto_auto
ianwang83382784
ShawnWu
iThome鐵人賽
看影片追技術