修復 VSCode 在 WSL 中無法載入 composer.json 的 JSON Schema
VSCode 在 WSL 中載入 composer.json 的 JSON Schema 會失敗，原因是 WSL 無 IPv6 路由、VSCode 內建 Node.js 沒有正確 fallback 到 IPv4。因此本文提供兩種解法：可以透過 systemd service 動態將網域固定為 IPv4，或直接停用 WSL 的 IPv6。
Chrome DevTools MCP 在 Windows 與 WSL 的設定筆記
記錄 Chrome DevTools MCP 在 Windows 與 WSL 的設定筆記，包含 Remote debugging 和 Command 啟用兩種方式來啟動可自動化操作的 Chrome 的方式。
Windows 中優雅的開機自動執行 JS 腳本
這一陣子有在做兩個小工具，都是要在 Windows 開機的時候自動執行特定的 JS 腳本，原本我用了工作排程器 (Task Scheduler) 來觸發，但問題就在每次開機之後，都會閃過一下終端機視窗，看著就會有點不爽就是了。 所以我就去找...
Inertia v2.2 的 Infinite Scroll (無限滾動) 新功能
原本在 Inertia v2.0 的時候，應該就要一起推出的 Infinite Scroll (無限滾動) 功能，拖了一年之後，終於在 Inertia v2.2 正式推出了！無限滾動通常常見在聊天室訊息、社交媒體動態、照片牆等場景，可以讓使用者無限滑動載入資料，而不需要點擊分頁按鈕。而且我滿喜歡這個 API 的設計，使用起來還滿簡單的說~
部署 Astro 專案到低配置的 Ubuntu 伺服器
這回 Astro 專案的開發，一開始選定了部署到 Netlify 上，結果正式站在上線之時卻意外掛掉，查了之後發現是 Astro 在 Netlify 使用 Session 時，依賴的 Netlify Blobs 卻有問題，無奈之下決定改用自...
Astro 排除部分路徑不檢查 CSRF Origin
Astro 預設會檢查提交表單的 Origin 是否與網站的 Origin 相同，目的是為了防止 CSRF 攻擊，但是在串第三方金流 API 的時候，回傳的請求就會被擋下來，因為第三方金流的 Origin 不會是我們的網站 Origin。 ...
在 Astro 中用 nanostores 共享全局變數
Astro 本身是沒有共享全局變數的功能，不過文件中建議使用 nanostores 這個套件，可以在純 JS 和各種前端框架中使用，以及支援 TypeScript，且使用上也很簡單。 在 Astro 中我對 nanostores 使用方式的...
在 Laravel Forge 配置的服務器上用 Docker 部署 Vite 專案
第一次試 Docker 部署專案，以及使用 Nginx 設定反向代理，紀錄一下筆記。
Astro 使用 Zod 驗證網址 Query String 格式
網址中的 Query String 參數驗證是一個還滿常見的需求，通常都會在需要做搜尋或過濾器的頁面中使用，傳統的作法都會是使用 if 判斷式來驗證參數是否符合預期的格式，但這樣的寫法我是覺得還滿醜的說。後來我就嘗試使用 zod 來解析驗證...