Blog

部落格

把專案經驗、前端技巧與學習紀錄整理在這裡。

專案實作6 分鐘閱讀
Frontend Template CLI:把團隊前端環境做成一個指令

將團隊常用的前端模板、設定與建立流程集中到互動式 CLI,減少複製舊專案造成的遺漏與不一致。

工作筆記14 分鐘閱讀
前端專案導入 ESLint 規範工具

在既有 Vite React 專案導入 ESLint 與 Prettier,整理團隊協作、Flat Config、檢查流程與常見衝突的實作筆記。

專案實作10 分鐘閱讀
風向資料傳輸轉圖片輸出

將高密度 NetCDF 風場資料映射到 PNG 色彩通道,降低前端解析、記憶體與網路傳輸的負擔。

前端工程7 分鐘閱讀
漸進式網路應用程式-基礎配置篇

在 Vite 專案導入 vite-plugin-pwa,整理 manifest、Service Worker、更新策略與常見快取問題。

前端工程7 分鐘閱讀
漸進式網路應用程式-推播通知篇

從權限請求、VAPID、PushSubscription 到 Service Worker,整理 PWA Web Push 的訂閱與發送流程。

前端工程10 分鐘閱讀
React Hook Form v7 + Zod v4 表單套件篇

以 React Hook Form 管理表單狀態,搭配 Zod Schema 驗證,整理 resolver、巢狀欄位與可控元件實作。

專案實作5 分鐘閱讀
用 SignalR 建立即時聊天室

整理 React 與 .NET 串接即時聊天室時,群組訊息到提及與關鍵字解析的實作方式。

專案實作5 分鐘閱讀
Web GIS 碰撞構圖轉換案例

碰撞構圖系統 Web GIS 繪製模組實作紀錄。