iT邦幫忙

typescript相關文章
共有 1029 則文章

技術 前端金三角 (3):TypeScript 皇家衛兵 —— 打造堅不可摧的數據流

什麼是 TypeScript ? 定義好規格的型別說明書,在開發階段針對型別幫我抓錯,編譯成純 JavaScript,執行在任何瀏覽器上。(但編譯後無法抓出錯誤...

技術 31. 結語

對於看到這篇的讀者,請讓我在此感謝你們,這篇算是完賽心得跟聊一下我自己對於 Effect 的想法,不過在開始前,我想先推薦幾個東西 EffectPatern...

技術 30. Effect 生態系: `@effect/ai` Effect 也有 ai

這篇要介紹的是另一個 Effect 官方的套件 @effect/ai ,這個套件可以幫助你使用 AI ,同時你的程式不需要知道不同家 AI 的 sdk 之間的不...

鐵人賽 Modern Web

技術 [學習 Effect Day31] 完賽心得

其實我現在唯一個感想是: 很想趕快用這30天學到到東西做點什麼~😅但總覺得不寫個完賽感言怪怪的。畢竟第30天我完全沒提到比賽的感想。結束的實在是有點唐突。所以我...

鐵人賽 Modern Web DAY 30

技術 [學習 Effect Day30] Effect 併發執行(二)

延續 Day29,我們已經了解 Fiber 是如何在單執行緒上提供「可管理的併發」運算。今天我們要講解用 Effect 的高階「組合子」來實現併發效果。除此之外...

鐵人賽 Software Development DAY 30

技術 29. Effect 生態系: `@effect/platform` 不同平台也能有一樣的 API

這篇要來介紹的是 @effect/platform , Effect 將不同平台的 API ,主要是 Browser 跟 Node.js 中可以共通的部份抽出來...

鐵人賽 Modern Web DAY 29

技術 [學習 Effect Day29] Effect 併發執行(一)

在 JS/TS 中,Promise 能夠處理單個或多個非同步的運算。但遇到取消、資源清理、超時、平行度控制與競速等需求時,卻缺乏一致的標準寫法,往往得自行組合...

鐵人賽 Modern Web DAY 30

技術 Day 30|讓 TypeScript 把你的 Node.js 開發再升級 — 心得與完整目錄

前言 & 心得 終於完賽了!🎉 每天數著日子發文,終於順利完成了第十七屆鐵人賽——真的超怕中途斷賽 😭 其實從以前開始開發時,就常常透過搜尋看到許多前輩...

鐵人賽 Software Development DAY 29

技術 28. 不可變的資料型態們: Array, Record, HashSet, HashMap

這篇要來講 Effect 內的一些資料型態,不過有些你可能在我們之前的一些範例中都見到了,比如 Array ,我們之前就用過 Array.map ,不過在那之前...

鐵人賽 Modern Web DAY 29

技術 Day 29|AWS IAM 入門:讓雲端安全運作的身分與權限管理

前言 在前一篇,我們探索了 AWS 的網路基礎 —— VPC。 有了網路邊界之後,雲端服務之間可以安全地連線與隔離。 但接下來還有一個更關鍵的問題: 「誰能登...

鐵人賽 Modern Web DAY 28

技術 [學習 Effect Day28] Effect 資源管理(二)

延續前一篇「Effect 資源管理(一)」,本篇聚焦在 Scope 與相關的 API:Effect.addFinalizer、Effect.scoped、Eff...

鐵人賽 Modern Web DAY 28

技術 Day 28|AWS VPC 入門:初探雲端世界的隱形網路

前言 從 Day23 開始,我們一步步搭起了: EC2:讓服務跑起來 RDS:讓資料有地方存 S3:讓檔案能雲端化 這三者合起來,已經是個完整的雲端應...

鐵人賽 Software Development DAY 28

技術 27. Match: tag 與模式比對

這篇我們要來看 Effect 裡怎麼做模式比對,模式比對是我覺得一個非常方便的功能,如果有看過我之前寫的文章,你可能會知道我是個 Rust 的愛好者, Rust...

鐵人賽 Modern Web DAY 27

技術 [學習 Effect Day27] Effect 資源管理(一)

在長時間運行的應用中,像是資料庫連線、檔案操作、網路請求,這些「使用後必須釋放或關閉」的資源若沒有妥善處理,系統就會發生資源外洩。常見的外洩種類有兩種: 記憶...

鐵人賽 Software Development DAY 27

技術 26. Effect schema:資料格式驗證

這篇要來介紹的是 Effect 內建的資料格式的驗證工具 Schema ,另外我之前也提到,我個人平常還是偏好使用 zod 這個老牌的格式驗證為主,這篇我們一起...

鐵人賽 Modern Web DAY 27

技術 Day 27|AWS S3 實作檔案上傳:打造你的雲端檔案儲存中心

前言 在前幾天,我們已經完成了 EC2 主機部署 以及 RDS 資料庫串接, 一個完整的後端雲端架構也漸漸成形。 但如果今天你的應用要讓使用者能上傳圖片、影片、...

鐵人賽 Modern Web DAY 26

技術 [學習 Effect Day26] Effect 中的 Data Types (二)

昨天我們介紹了 Option、Either、Result、Exit、Cause 的用法,今天我們來介紹其他常用的 Data Types。我保證這篇是最後一篇 d...

鐵人賽 Modern Web DAY 26

技術 Day 26: 30天打造SaaS產品前端篇-多因素認證 (MFA) 與帳號安全強化

前情提要 經過 Day 25 的用戶認證系統建置,我們已經有了完整的登入/註冊機制。今天我們要為 Kyo System 增加企業級的多因素認證 (MFA) 與帳...

鐵人賽 Software Development DAY 26

技術 25. Effect 與 Observability

這篇要來介紹 Effect 與 Observability , Observability 中文叫可觀測性,意思是你的程式的執行的過程是可以被觀察的,特別是在分...

鐵人賽 Modern Web DAY 26

技術 Day 26|雲端串接實戰:Node.js 成功連上 AWS RDS!

前情提要 Day 24,我們已經成功開啟 EC2,並在上面部署了第一版的 Node.js Express App。 Day 25,我們建立了 RDS 資料庫並成...

鐵人賽 Modern Web DAY 25

技術 Day 25|AWS RDS 入門:在雲端打造你的第一個資料庫服務

EC2 能架網站,那資料庫呢? 今天我們要一起開啟第一台 RDS! 為什麼要用 RDS? 理論上,我們也可以在 EC2 上自己安裝資料庫(例如 MySQL...

鐵人賽 Software Development DAY 25

技術 24. Effect logging

這篇來介紹的是在 Effect 裡面怎麼寫 log ,不知道各位平常有沒有習慣在寫 log ,如果程式有 log 的話,可以幫助我們了解程式現在的狀態,在除錯上...

鐵人賽 Modern Web DAY 25

技術 [學習 Effect Day25] Effect 中的 Data Types (一)

Effect Type vs Data Type Effect Type:一個「尚未執行的工作描述」。它可能需要外部環境才能跑,實際執行時要嘛成功回傳結果、要...

鐵人賽 Modern Web DAY 24

技術 Day 24|從本地到雲端:把你的 Node.js 專案部署上 AWS EC2!

前言 昨天我們已經成功開啟第一台 AWS EC2 主機,體驗了雲端主機。 今天,我們要更進一步 —— 把 Node.js 專案實際部署到雲端主機上! 這篇文章將...

鐵人賽 Software Development DAY 24

技術 23. Effect 應用 2 :用 orpc 與 Effect 打造強韌的 API 介面

這篇要來看 Effect 在後端又可以怎麼樣的使用,這次我們會搭配 orpc 這個 RPC 的套件來一起使用, orpc 可以幫助我們寫出 type-safet...

鐵人賽 Modern Web DAY 24

技術 [學習 Effect Day24] Effect 服務管理(五)

用 Effect.Service 簡化服務定義 Effect.Service 是把「tag + 預設實作 + 對應的 Layer」合在一起的語法糖。 很適合應用...

鐵人賽 Modern Web DAY 23

技術 Day 23|從零啟動雲端主機:帶你開出第一台 AWS EC2!

跟著 AWS 官方引導,從零啟動第一台雲端主機! 前言 承接前篇:「我們已經完成了 AWS 預算防護,確保不會爆花費。」 今天要實際體驗「在雲端開一台主...

鐵人賽 Software Development DAY 23

技術 22. Effect 應用 1 : 如何在 React 中呼叫 Effect 的程式

這篇要來介紹怎麼在實際的環境中使用 Effect ,這次介紹的是在 React 中會怎麼使用,除了簡單的情境我們可以直接用 Efect.runPromise 外...

鐵人賽 Modern Web DAY 23

技術 [學習 Effect Day23] Effect 服務管理(四)

延續 Day21-Day22 資料庫服務範例 在 Day21-Day22 我們已經建立好 ConfigLive、LoggerLive、DatabaseLive,...

鐵人賽 Modern Web DAY 22

技術 Day 22|AWS 初探 (2) - 破關拿獎金・預算防護

前情提要 目前申辦 AWS 帳號會提供一組「探索 AWS」活動,只要完成幾個指定任務,就能獲得最多 US$100 的抵用金。 這些任務包含: 使用 Amazo...