Blog

開始我的技術博客之旅

這是在 Astro 上建立個人博客的第一篇測試文章，展示程式碼高亮與數學公式。

人機協作新範式：AI Agent 開發協議實踐

探討在開發 Hyperliquid Monitor 過程中所建立的 AI 協作規範，如何確保代碼安全與高效迭代。

Hyperliquid Monitor：專為大戶動向而生的監控系統

介紹 Hyperliquid Monitor 的願景、核心功能以及如何透過 PWA 技術提供即時的交易情報。

讓網頁像 App 一樣流暢：Service Worker 與 PWA 實戰經驗

分享如何透過 Service Worker 實現高效緩存策略，以及解決手機瀏覽器後台休眠問題的技術細節。

打造 Hyperliquid 行情監控 PWA：從構思到實踐的技術隨筆

這不僅僅是一個監控面板，更是一次與 AI Agent 深度協作、探索 PWA 極限的技術旅程。

極簡主義架構：Jamstack 與邊緣計算在金融監控的應用

深入解析 Hyperliquid Monitor 的系統架構，探討如何利用 Cloudflare Workers 與 Vanilla JS 打造高效能監控工具。

金融交易的視覺心理學：Hyperliquid Monitor 的 UI 與圖表設計

探討如何結合玻璃擬態設計、等寬字體與語意化圖表，打造一個低認知負擔、高資訊密度的交易監控介面。

解決 PWA 後台休眠：Web Worker 打造的心跳起搏器

探討如何利用 Web Worker 繞過行動端瀏覽器的後台降頻限制，確保監控系統在鎖屏下仍能準確運行。