iT邦幫忙

angular相關文章
共有 687 則文章
鐵人賽 自我挑戰組 DAY 17

技術 [影片]第17天:Angular基本概念-元件簡介

快速上手文件-Angular基本概念-元件簡介 FB專頁:https://www.facebook.com/dannyliu.me 補字區:[鐵人賽文章需30...

鐵人賽 Modern Web DAY 7

技術 Day 7:Quill Editor 擴充自訂功能

Quill 作為編輯器的核心優勢在於它提供了豐富的 API 與容易實現客製化的功能。當我們基於 Quill 的 API 實作功能時,可以包成一個 module...

鐵人賽 Mobile Development DAY 13

技術 【Day - 13】Prompt Engineering實戰1 - 測試提示工程

在成功完成了語音轉文字的功能後,下一步就是串接ChatGPT。但在進行之前,我們需要先理解並掌握一個重要的概念:「提示工程(Prompt Engineering...

技術 Angular Step by Step - 建立model,使用內嵌繫結、屬性繫結、ngfor結構型指令

在recipes資料夾,輸入ng g i recipe --type=model,新增Recipe Model。 結構圖recipes|-- recipe.mo...

鐵人賽 Modern Web DAY 11

技術 Day 11:讀 Quill Editor API 技術文件 - Content (上)

今天開始來細看 Quill Editor 的技術文件,看看 Quill 有哪些方法可以使用。同時也準備了範例練習,實際呼叫並觀察也許會比較有感覺。這會是一段細節...

鐵人賽 自我挑戰組 DAY 24

技術 [影片]第24天:英雄指南-4.新增服務(1)

GitHub:https://github.com/dannypc1628/Angular-Tour-of-HeroesFB專頁:https://www.fa...

鐵人賽 Mobile Development DAY 20

技術 【Day - 20】Function Calling實戰2 - 讓語音重新播放

在【Day - 19】中,我們成功透過Function Calling功能讓GPT-3.5模型按照指定的格式進行輸出,並且保持了良好的回應速度。今天我們將把Fu...

鐵人賽 自我挑戰組 DAY 18

技術 第18天:Angular基本概念-服務與DI依賴注入簡介

文件-快速上手-Angular基本概念-服務與DI依賴注入簡介 FB專頁:https://www.facebook.com/dannyliu.me 補字區:[...

鐵人賽 Modern Web DAY 24

技術 Day 24:讀 Quill Editor API 技術文件 - Clipboard 與 Syntax Highlighter Module

連假第三天,終於來到最後的兩個章節,Clipboard & Syntax Highlighter Module。因為篇幅比較沒有那麼多,所以就放在一起看...

鐵人賽 Modern Web DAY 12

技術 Day 12:讀 Quill Editor API 技術文件 - Content (下)

今天就繼續來看 Content 相關的 API 後半段。 insertEmbed 將嵌入式內容插入編輯器,return 為更改後的 Delta 物件。sourc...

鐵人賽 Mobile Development DAY 24

技術 【Day - 24】Server Sent Event應用 - 結合GPT即時說明文法錯誤

昨天,我們使用Sheet Modal為文法檢查建立了互動式的視窗。今天,我們會加入GPT模型,來對文法錯誤給予詳細的說明。這次的方法與之前的有所不同,我們將利用...

鐵人賽 Mobile Development DAY 11

技術 【Day - 11】Azure + Docker - 建置和部署服務

在【Day - 10】,我們成功建置了一個能處理語音轉檔的API,並且已經順利與Whisper API整合。然而,目前的服務僅能在本地運行。因此,今天我們將會把...

鐵人賽 Mobile Development DAY 25

技術 【Day - 25】Capacitor SQLite - 儲存歷史對話內容

在這24天鐵人賽中,我們經常需要測試多種對話情境。但每次重新啟動APP後,之前所有的對話都消失,必須重新開始。為了解決這一問題,今天我們打算實現歷史對話儲存功能...

鐵人賽 Modern Web DAY 14

技術 第 14 天 我不是要壓榨你我是給你個成長的機會|Reactive Form

前情提要 我們整理專案後,現在專案有更明確的模組來封裝元件,不僅讓 App 效能提升,也讓專案更「語意化」了,並且也越來越有架構的感覺了對吧? 不過來有很多 A...

鐵人賽 Mobile Development DAY 26

技術 【Day - 26】Navigation導航 - 瀏覽歷史對話

在【Day - 25】我們成功實現了歷史對話的儲存功能,讓我們每次開啟APP都可以延續先前的對話。今天的目標是實現查看對話記錄的功能。在這之前我們已採用Shee...

鐵人賽 Mobile Development DAY 17

技術 【Day - 17】Prompt Engineering實戰2 - 控制模型輸出SSML格式

昨天我們探討了Azure AI Service的Speech Service語音服務,並初步了解了SSML語音合成標記語言的基礎架構。今天,在開始將Ionic與...

鐵人賽 Modern Web DAY 20

技術 Day 20:讀 Quill Editor API 技術文件 - Toolbar Module

今天開始第一個內建 module 的介紹,在第六天的時候我們就已經介紹如何自訂工具列,這篇就當作複習,跟著技術文件介紹來練習體驗。 工具列模組 (Toolbar...

鐵人賽 Mobile Development DAY 28

技術 【Day - 28】DALL·E和Cordova-res - 替換自己的Icon和Splash Screen

一款具有吸引力的APP,Icon和Splash Screen已經成為APP成功的一部分。它們不僅代表著你的品牌形象,也是使用者首次打開APP時的第一印象。因此,...

鐵人賽 Mobile Development DAY 29

技術 【Day - 29】Capacitor Splash Screen & StatusBar - 神秘的白畫面和消失的工具列

在【Day - 28】時,我們順利的設定好屬於自己的Icon和Splash Screen。但是Splash Screen持續時間非常的短暫,導致APP尚未完全載...

技術 2.[幸福銅鏡] 環境建置

get node and npm basically To get this version, you can use the apt package mana...

鐵人賽 Mobile Development DAY 12

技術 【Day - 12】串接Azure服務 - 完成語音轉文字功能

【Day - 11】我們成功將服務運行並部署在雲端,今天我們會將服務與我們的APP進行完整串接,以完成整個語音轉文字的功能。除此之外,今天我們也會在APP上加入...

鐵人賽 Mobile Development DAY 23

技術 【Day - 23】Sheet Modal - 設計與實現文法錯誤提示功能

今天,我們將進一步增強【Day - 22】的文法檢查功能。當檢測到文法錯誤時,3D動畫機器人頭上將出現一個帶有驚歎號的按鈕作為提示。使用者若想進一步瞭解詳情,只...

鐵人賽 Modern Web DAY 15

技術 Day 15:讀 Quill Editor API 技術文件 - Editor

今天繼續配著烤肉和月餅來看 Editor 的部分。Editor API 比前面的操作簡單一些,主要用在判斷使用者的游標或焦點狀態,並提供啟用與禁用編輯功能。 b...

鐵人賽 Modern Web DAY 13

技術 Day 13:讀 Quill Editor API 技術文件 - Formatting

繼昨天的 Contents 相關的 API,今天來看看 Formatting 的部分。 format 根據使用者當前選擇的字串套用文字格式,回傳的 Delta...

技術 【Angular with .NET Core】建立後端環境

建立demo資料夾。 在demo資料夾中分別建立backend與frontend資料夾。 使用CMD在backend建立.NET Core新專案,命名Demo...

鐵人賽 Modern Web DAY 23

技術 Day 23:讀 Quill Editor API 技術文件 - History Module

昨天泡了溫泉,休息一下,繼續看 History module。History module 主要保存文本操作紀錄與處理與 Quill 的 undo 和 redo...

鐵人賽 Mobile Development DAY 22

技術 【Day - 22】Function Calling實戰4 - 判斷文法的正確性

在【Day - 19】時,我們探討了GPT-3.5模型的Function Calling,發現它難以在回覆對話的同時進行文法檢查。另外,我也認為若在和AI的對話...

鐵人賽 Modern Web DAY 21

技術 Day 21:讀 Quill Editor API 技術文件 - Keyboard Module (上)

今天來看 Keyboard module 的章節。 Keyboard module 支援特定 context 中鍵盤事件的自訂行為。Quill 使用 Keybo...

鐵人賽 Modern Web DAY 29

技術 Day 29:使用 Parchment 實現類似 Medium 的編輯器 - Dividers & Images

昨天體驗了基本的行內格式 Blot 以及區塊格式 Blot,今天繼續實現類似 Medium 編輯器的最後四個部分,分別為分隔線、圖片、影片、以及推文的自訂功能實...

鐵人賽 Mobile Development DAY 18

技術 【Day - 18】Speech Service串接 - 完成文字轉語音功能整合

在【Day - 17】中,我們成功讓GPT-4模型按照我們所指定的SSML格式生成文本。從第一天的鐵人賽開始,光是文字轉語音和語音轉文字的功能,就讓我耗費了許多...