前言 我是一個前端 (也許全端) 工程師，好不容易學會寫 Angular 2 了耶，但難道我就一輩子只能寫網站嗎？QQ 如果想要寫手機的 App，還要再去學 J...
上一篇已經介紹 Ionic 搭配 Angular 2 是甚麼了，接下來就來介紹如何建構一個 App。 安裝 首先要確定 Node.js 有安裝 接者安裝 Cor...
建立專案 上回我們已經說明如何建立一個專案，而這次我們用經典的 Todo List (備忘錄) 來做說明 ionic start TODOApp blank -...
前言 我們在電腦上用 ionic serve 測試好我們的 App 之後，最後仍然需要拿到實際裝置上測試，不僅是因為到時候本來就是要給手機使用的，並且很多的 N...
經過前幾天的努力，我們的錄音功能已經成功建置完成。終於可以來介紹本次主題的另一個重點：ChatGPT。近年來，隨著AI的劇烈進展，特別是今年可以稱為生成式AI的...
昨天我們完成了和AI對話的功能。然而，由於GPT模型有Token數量的限制，我們無法將無窮無盡的歷史對話上下文訊息全部交給GPT模型處理。這時候，我們就需要借助...
在開發APP前，首要任務就是設定開發環境。在開始建構任何軟體或應用之前，必須先建立一個穩定且可靠的開發環境，這是一個不可或缺的步驟。環境建置完成後，我們還將介紹...
Cloud Firestore 是快速、全代管、無伺服器且雲端原生的NoSQL 文件資料庫. 它不像傳統的Relation Database, 在使用上非常簡...
CORS = Cross origin resource sharing 是跨域分享共享 當我們deploy Ionic 到 Android 或 IOS 是...
Firebase 提供了簡單的Authentication,讓開發者不需要自己Server端開發身分驗證的機制. Firebase 提供了Email/Passw...
在【Day - 18】時，我們面臨了GPT-4模型速度過慢的問題，目前唯一的解決方案似乎是改用GPT-3.5模型。然而，使用GPT-3.5模型它不但沒辦法輸出S...
前言 大家好！今年是我首次參加鐵人賽，以往都有在關注鐵人賽也很想嘗試挑戰看看，可是始終不敢跨出那一步。而今年是我人生中的一個轉捩點，做了很多不一樣的決定和嘗試，...
昨天，我們對Whisper模型進行了初步的探索和使用。今天，我們將結合這兩個部分，利用Whisper API將錄製的語音轉成文字。正如【Day - 8】所述，儘...
在 ionic 4 中只要加上 就可以很方便的讓我們加上返回鈕，但有的時候我們需要再返回前做一些檢查，例如說頁面上有一些資料變更了，但是使用者還沒有儲存，這時...
在【Day - 14】我們完成了基本的聊天對話功能，然而，所有的回應都是以文字的形式呈現，於是我想透過Azure AI Service的語音服務，將文字轉成語音...
在前幾天的準備之後，我們終於要開始規劃APP的畫面了。首先，根據【Day - 1】所設立的目標，第一步就是要在首頁中央放置一個3D模型機器人。提到3D模型，我們...
在開始開發Ionic專案之前，有一些事項我們需要特別留意。這些細節可能影響到APP的效能、使用者體驗或開發過程中的效率等等。除此之外，為了使大家在接下來的30天...
本週為了 icon 把 Ionic 4 升級到 5 了，有點吃飽了沒事幹，升級之後才想到 Events 淘汰了，評估過後決定改用 RxJS 的 Subject...
昨天，我們使用Sheet Modal為文法檢查建立了互動式的視窗。今天，我們會加入GPT模型，來對文法錯誤給予詳細的說明。這次的方法與之前的有所不同，我們將利用...
在昨日的【Day - 13】中，我們對Prompt Engineering有了更深入的理解。今天，我們將運用【Day - 8】所介紹的API，進行實際的串接實作...
在【Day - 2】時，我們已經順利的將專案執行起來，接下來就可以開始開發APP的頁面。但在進行開發之前，我希望在這30天的鐵人賽中，能夠專注在Ionic和Ch...
開發總結 這30天，我們從環境建置開始，逐步進入Ionic的開發世界。我們使用許多Capacitor套件和原生功能之間的溝通橋樑，學習如何建立自己的ASP.Ne...
在【Day - 5】中，我們準備了一個3D模型機器人，下一步是新增核心功能：「錄音」。首先，我計劃設計一個對話用的錄音按鈕。我想讓它位於中心的形狀為大圓形的，提...
在【Day - 9】我花了很多時間嘗試解決音訊轉檔的問題。由於使用的Capacitor套件錄製的音訊格式是aac，我們需要將其轉換成Whisper API可以接...
就在昨天，項目上遇到一個小問題，其實這個問題在開始搞ionic4的時候就想解決了，由於它自帶的css變數大部分可以完美更改樣式，一直沒有在意。將ionic3整合...
一款具有吸引力的APP，Icon和Splash Screen已經成為APP成功的一部分。它們不僅代表著你的品牌形象，也是使用者首次打開APP時的第一印象。因此，...
在【Day - 6】中，我們已經完成了一個基本的錄音功能，目前的操作方式是：按下按鈕開始錄音，再次按下則停止錄音。不過，今天我打算調整一下這種操作方式。我的目標...
在成功完成了語音轉文字的功能後，下一步就是串接ChatGPT。但在進行之前，我們需要先理解並掌握一個重要的概念：「提示工程（Prompt Engineering...
在【Day - 25】中，我們完成歷史對話的儲存，並且已預先建立了一個聊天室功能的資料表。現在，我們將使用這個資料表，來實現一個與ChatGPT左側聊天室選單相...
在【Day - 10】，我們成功建置了一個能處理語音轉檔的API，並且已經順利與Whisper API整合。然而，目前的服務僅能在本地運行。因此，今天我們將會把...
微中子
momochenisme
iThome鐵人賽
看影片追技術