鐵人檔案
接案四年裡幫客戶打造了不同語言不同框架的產品，是時候來打造屬於工作室的SaaS產品，藉由鐵人賽來完成工作室的SaaS產品的雛形。
前情提要 在 Day 20 完成前端架構盤點後，我們發現測試覆蓋率還需要提升。今天我們將使用 Vitest + React Testing Library 建立...
前情提要 在 Day 21 我們建立了 Vitest 和 React Testing Library 的測試環境。今天我們要實作元件測試的進階技巧和測試驅動開發...
前情提要 經過 Day 21-22 的測試框架建立與 TDD 實踐，我們已經累積了大量測試。今天我們要實作測試覆蓋率視覺化、測試效能優化以及Pre-commit...
前情提要 經過 Day 21-23 的測試三部曲，我們已經建立了完整的測試生態系統。今天我們開啟新的篇章：打造一個專業的 Landing Page，作為 Kyo...
前情提要 經過 Day 24 的 Landing Page 建置，我們已經有了吸引使用者的門面。今天我們要實作用戶認證系統的前端部分，包括登入/註冊表單、Tok...
前情提要 經過 Day 25 的用戶認證系統建置，我們已經有了完整的登入/註冊機制。今天我們要為 Kyo System 增加企業級的多因素認證 (MFA) 與帳...
前情提要 經過 Day 26 的多因素認證建置,我們已經為 Kyo System 建立了企業級的帳號安全系統。今天我們要實作即時通知系統與 WebSocket...
前情提要 經過 Day 27 的即時通知系統建置,我們已經可以即時推送訊息給使用者。今天我們要實作 即時儀表板與資料視覺化系統,這是 SaaS 產品的核心功能之...
前情提要 在過去的 Day 24-28 中，我們完成了 Kyo System 前端的核心功能： Day 24: 建立 React + Vite + Type...
30 天旅程回顧 終於來到了鐵人賽的最後一天！回顧這 30 天的挑戰，感觸良多。 我在軟體開發領域已經工作八年，從最初的後端工程師，到後來的全端工程師，再到區塊...
