https://recca0120.github.io/Recent content on recca0120 技術筆記Hugo -- gohugo.iozh-hant-twTue, 09 Jun 2026 10:00:00 +0800https://recca0120.github.io/2026/06/09/decorator-pattern-cache/Tue, 09 Jun 2026 10:00:00 +0800https://recca0120.github.io/2026/06/09/decorator-pattern-cache/分析 AI 寫程式時把快取邏輯嵌入 production code 的常見模式，以及為什麼「另開一個 class」不夠，用裝飾者模式才能真正把快取與商業邏輯切乾淨。<![CDATA[分析 AI 寫程式時把快取邏輯嵌入 production code 的常見模式，以及為什麼「另開一個 class」不夠，用裝飾者模式才能真正把快取與商業邏輯切乾淨。
]]>design-patternscacheTypeScriptclean-architectureDevToolshttps://recca0120.github.io/2026/05/16/code-quest-claude-code-web-ui/Sat, 16 May 2026 14:00:00 +0800https://recca0120.github.io/2026/05/16/code-quest-claude-code-web-ui/介紹 code-quest 這個開源專案——直接 spawn Claude Code CLI 並完整解析 NDJSON protocol，支援 session fork/resume/worktree、Split deployment、File explorer 與 Git 整合。分析為何互動模式在 6/15 新制後比 SDK / claude -p 更划算，以及架構上的核心差異。<![CDATA[介紹 code-quest 這個開源專案——直接 spawn Claude Code CLI 並完整解析 NDJSON protocol，支援 session fork/resume/worktree、Split deployment、File explorer 與 Git 整合。分析為何互動模式在 6/15 新制後比 SDK / claude -p 更划算，以及架構上的核心差異。
]]>claude-codeAIopen-sourceweb-uiDevToolshttps://recca0120.github.io/2026/05/16/git-clone-different-ssh-key/Sat, 16 May 2026 10:00:00 +0800https://recca0120.github.io/2026/05/16/git-clone-different-ssh-key/當你有多個 GitHub 帳號或需要用特定 SSH key clone 某個 repo 時，介紹三種解法：GIT_SSH_COMMAND 一次性用法、git config core.sshCommand 設定單一 repo、以及 ~/.ssh/config Host 別名搭配 url.insteadOf 的多帳號管理。<![CDATA[當你有多個 GitHub 帳號或需要用特定 SSH key clone 某個 repo 時，介紹三種解法：GIT_SSH_COMMAND 一次性用法、git config core.sshCommand 設定單一 repo、以及 ~/.ssh/config Host 別名搭配 url.insteadOf 的多帳號管理。
]]>gitsshgithubDevToolshttps://recca0120.github.io/2026/05/15/free-claude-code-proxy/Fri, 15 May 2026 10:00:00 +0800https://recca0120.github.io/2026/05/15/free-claude-code-proxy/介紹 free-claude-code 這個開源 proxy，讓你可以繼續用 Claude Code 的 CLI、VS Code、JetBrains 介面，但後端換成 NVIDIA NIM、OpenRouter、DeepSeek、本機模型等免費或便宜的替代方案。<![CDATA[介紹 free-claude-code 這個開源 proxy，讓你可以繼續用 Claude Code 的 CLI、VS Code、JetBrains 介面，但後端換成 NVIDIA NIM、OpenRouter、DeepSeek、本機模型等免費或便宜的替代方案。
]]>claude-codeAIproxyopen-sourceDevToolshttps://recca0120.github.io/2026/05/09/claude-code-model-cost-efficiency/Sat, 09 May 2026 16:00:00 +0800https://recca0120.github.io/2026/05/09/claude-code-model-cost-efficiency/延續前兩篇 cache TTL audit，這次拆 model 維度。發現 server 端三次靜默切換 main agent model（Opus 4.6 → Sonnet 4.6 → Opus 4.7 → Sonnet 4.6），加上 sub-agent model 由 Claude Code 自主分配。跨 7 個時期比較「每百萬 main output 的總費用」，最有效率和最沒效率差 11.5 倍。<![CDATA[延續前兩篇 cache TTL audit，這次拆 model 維度。發現 server 端三次靜默切換 main agent model（Opus 4.6 → Sonnet 4.6 → Opus 4.7 → Sonnet 4.6），加上 sub-agent model 由 Claude Code 自主分配。跨 7 個時期比較「每百萬 main output 的總費用」，最有效率和最沒效率差 11.5 倍。
]]>claude-codeprompt-cachingai-agentpythonAIhttps://recca0120.github.io/2026/05/06/jetbrains-air-agentic-ide/Wed, 06 May 2026 10:00:00 +0800https://recca0120.github.io/2026/05/06/jetbrains-air-agentic-ide/介紹 JetBrains Air 這個 agentic 開發環境，說明它如何讓 Claude、Codex、Gemini、Junie 四個 agent 並行處理任務，以及 Local / Git Worktree / Docker 三種執行環境的差異。<![CDATA[介紹 JetBrains Air 這個 agentic 開發環境，說明它如何讓 Claude、Codex、Gemini、Junie 四個 agent 並行處理任務，以及 Local / Git Worktree / Docker 三種執行環境的差異。
]]>AIIDEJetBrainsDevToolshttps://recca0120.github.io/2026/05/02/knip-dead-code-detector/Sat, 02 May 2026 16:06:00 +0800https://recca0120.github.io/2026/05/02/knip-dead-code-detector/介紹 Knip 這個 JavaScript/TypeScript 死碼偵測工具，說明 ESLint 和 depcheck 各自的盲點，以及 Knip 怎麼用完整 module graph 一次找出未使用的檔案、export 和依賴。<![CDATA[介紹 Knip 這個 JavaScript/TypeScript 死碼偵測工具，說明 ESLint 和 depcheck 各自的盲點，以及 Knip 怎麼用完整 module graph 一次找出未使用的檔案、export 和依賴。
]]>Node.jsTypeScriptTestinghttps://recca0120.github.io/2026/05/02/vitest-fail-on-console/Sat, 02 May 2026 08:18:00 +0800https://recca0120.github.io/2026/05/02/vitest-fail-on-console/介紹 vitest-fail-on-console 套件，說明為什麼 console.warn/error 出現在測試裡是壞味道，以及怎麼用這個套件強制讓測試失敗、保持輸出乾淨。<![CDATA[介紹 vitest-fail-on-console 套件，說明為什麼 console.warn/error 出現在測試裡是壞味道，以及怎麼用這個套件強制讓測試失敗、保持輸出乾淨。
]]>TestingVitestNode.jsTestinghttps://recca0120.github.io/2026/04/28/memfs-fake-watch-testing/Tue, 28 Apr 2026 12:36:00 +0800https://recca0120.github.io/2026/04/28/memfs-fake-watch-testing/實際拆解一個 FileService 的測試，說明如何用 memfs 替換 fs、手寫 Fake 替換 chokidar，讓檔案系統測試跑得快、結果穩、安全性有保障。<![CDATA[實際拆解一個 FileService 的測試，說明如何用 memfs 替換 fs、手寫 Fake 替換 chokidar，讓檔案系統測試跑得快、結果穩、安全性有保障。
]]>TestingVitestNode.jsTestinghttps://recca0120.github.io/2026/04/27/claude-code-model-picker-config/Mon, 27 Apr 2026 01:07:00 +0800https://recca0120.github.io/2026/04/27/claude-code-model-picker-config/Opus 4.7 自動升級後想切回 4.6，但 /model 選單沒選項。實測 availableModels、modelOverrides、ANTHROPIC_CUSTOM_MODEL_OPTION 三種設定，整理 GitHub 社群討論與推薦配置。<![CDATA[Opus 4.7 自動升級後想切回 4.6，但 /model 選單沒選項。實測 availableModels、modelOverrides、ANTHROPIC_CUSTOM_MODEL_OPTION 三種設定，整理 GitHub 社群討論與推薦配置。
]]>claude-codecost-optimizationAIhttps://recca0120.github.io/2026/04/26/claude-code-3-month-billing-postmortem/Sun, 26 Apr 2026 07:55:00 +0800https://recca0120.github.io/2026/04/26/claude-code-3-month-billing-postmortem/$127K 等價成本、127K turns、四個模型、三個月。把自己當資料集驗證後，「長 session 是元兇」「skill 太多」這些常見直覺被數據打臉，真正能省的只有兩條。<![CDATA[$127K 等價成本、127K turns、四個模型、三個月。把自己當資料集驗證後，「長 session 是元兇」「skill 太多」這些常見直覺被數據打臉，真正能省的只有兩條。
]]>claude-codeprompt-cachingai-agentcost-optimizationAIhttps://recca0120.github.io/2026/04/26/claude-code-cache-ttl-17-days/Sun, 26 Apr 2026 05:55:00 +0800https://recca0120.github.io/2026/04/26/claude-code-cache-ttl-17-days/4/14 我報告 5 連天 sub-agent 100% 5m，結論留在「持續觀察」。今天 4/26 再掃，連續變 17 天、15,727 個 API call、0 個 1h 寫入。Anthropic 把主 issue 關了沒解決，社群一片火。<![CDATA[4/14 我報告 5 連天 sub-agent 100% 5m，結論留在「持續觀察」。今天 4/26 再掃，連續變 17 天、15,727 個 API call、0 個 1h 寫入。Anthropic 把主 issue 關了沒解決，社群一片火。
]]>claude-codeprompt-cachingai-agentpythonAIhttps://recca0120.github.io/2026/04/26/nodejs-spawn-stdout-truncated/Sun, 26 Apr 2026 04:55:00 +0800https://recca0120.github.io/2026/04/26/nodejs-spawn-stdout-truncated/Node.js spawn 大量輸出的 CLI，最後幾 KB 在 process.exit() 時消失。比較 6 種解法後，唯一可靠的純 stdlib 跨平台方案是把 stdout fd 直接接到檔案。<![CDATA[Node.js spawn 大量輸出的 CLI，最後幾 KB 在 process.exit() 時消失。比較 6 種解法後，唯一可靠的純 stdlib 跨平台方案是把 stdout fd 直接接到檔案。
]]>Node.jsstdiospawnDevOpshttps://recca0120.github.io/2026/04/25/web-design-skill-claude-design/Sat, 25 Apr 2026 15:05:00 +0800https://recca0120.github.io/2026/04/25/web-design-skill-claude-design/導讀 ConardLi/web-design-skill：用反陳腔濫調清單、oklch 色彩、預先宣告 design system、v0 草稿等規則，把 AI 生網頁從同質化美學救出來。<![CDATA[導讀 ConardLi/web-design-skill：用反陳腔濫調清單、oklch 色彩、預先宣告 design system、v0 草稿等規則，把 AI 生網頁從同質化美學救出來。
]]>claude-codeai-agentDesignoklchFrontendhttps://recca0120.github.io/2026/04/24/mineru-pdf-to-markdown/Fri, 24 Apr 2026 21:00:00 +0800https://recca0120.github.io/2026/04/24/mineru-pdf-to-markdown/餵 PDF 給 LLM 最痛的就是公式、表格、雙欄排版被拆爛。我用 MinerU 2.5 把一份多欄學術 PDF 轉成 Markdown，公式變 LaTeX、表格變 HTML、閱讀順序也對，CPU 模式就跑得動。<![CDATA[餵 PDF 給 LLM 最痛的就是公式、表格、雙欄排版被拆爛。我用 MinerU 2.5 把一份多欄學術 PDF 轉成 Markdown，公式變 LaTeX、表格變 HTML、閱讀順序也對，CPU 模式就跑得動。
]]>MinerUPDFRAGOCRLLMAIhttps://recca0120.github.io/2026/04/21/react-compiler-limits/Tue, 21 Apr 2026 22:30:00 +0800https://recca0120.github.io/2026/04/21/react-compiler-limits/我以為開了 React Compiler 就不用手動 memo，結果切 tab 卡 512ms。用 Profiler 抓出 3 個 compiler 邊界：子 component 邊界、prop capture 的 identity 意圖、setInterval 動畫 state，附更多日常會遇到的範例。<![CDATA[我以為開了 React Compiler 就不用手動 memo，結果切 tab 卡 512ms。用 Profiler 抓出 3 個 compiler 邊界：子 component 邊界、prop capture 的 identity 意圖、setInterval 動畫 state，附更多日常會遇到的範例。
]]>ReactReact CompilerPerformanceProfilerTypeScriptFrontendhttps://recca0120.github.io/2026/04/20/agent-friendly-testing/Mon, 20 Apr 2026 08:00:00 +0800https://recca0120.github.io/2026/04/20/agent-friendly-testing/前三篇系列文講的 Fake + MSW + 共用測試 infra，對 Claude Code 這類 AI agent 幫助特別大。整理五個具體優勢：快速回饋、訊號可信、範本可學、refactor 安全、context 省用。<![CDATA[前三篇系列文講的 Fake + MSW + 共用測試 infra，對 Claude Code 這類 AI agent 幫助特別大。整理五個具體優勢：快速回饋、訊號可信、範本可學、refactor 安全、context 省用。
]]>TestingClaude CodeAITestinghttps://recca0120.github.io/2026/04/20/monorepo-shared-http-mock/Mon, 20 Apr 2026 07:45:00 +0800https://recca0120.github.io/2026/04/20/monorepo-shared-http-mock/前兩篇講了用 Fake 處理內部 service，但外部 HTTP API 不適用這套。介紹怎麼在 monorepo 裡用 MSW / msw-fetch-mock 做同一份 HTTP mock 從前端測到後端，與 Fake 互補。<![CDATA[前兩篇講了用 Fake 處理內部 service，但外部 HTTP API 不適用這套。介紹怎麼在 monorepo 裡用 MSW / msw-fetch-mock 做同一份 HTTP mock 從前端測到後端，與 Fake 互補。
]]>TestingMSWVitestTypeScriptmonorepoTestinghttps://recca0120.github.io/2026/04/20/monorepo-shared-fake-testing/Mon, 20 Apr 2026 07:30:00 +0800https://recca0120.github.io/2026/04/20/monorepo-shared-fake-testing/在 monorepo 裡，前端、後端、業務邏輯各寫一套 mock 是重複勞動且容易行為不一致。這篇示範怎麼設計共用的 Fake，讓同一份測試替身從 React component 測到 API route 再到 service layer。<![CDATA[在 monorepo 裡，前端、後端、業務邏輯各寫一套 mock 是重複勞動且容易行為不一致。這篇示範怎麼設計共用的 Fake，讓同一份測試替身從 React component 測到 API route 再到 service layer。
]]>TestingVitestTypeScriptmonorepoTestinghttps://recca0120.github.io/2026/04/20/di-fake-in-memory-testing/Mon, 20 Apr 2026 07:00:00 +0800https://recca0120.github.io/2026/04/20/di-fake-in-memory-testing/介紹依賴注入、Fake 和 in-memory 實作三位一體的測試設計。用 FakeStorageService 的實例說明為什麼 Fake 比 Mock 好維護，以及怎麼寫一個可重用、可信賴的 in-memory Fake。<![CDATA[介紹依賴注入、Fake 和 in-memory 實作三位一體的測試設計。用 FakeStorageService 的實例說明為什麼 Fake 比 Mock 好維護，以及怎麼寫一個可重用、可信賴的 in-memory Fake。
]]>TestingVitestTypeScriptTestinghttps://recca0120.github.io/2026/04/17/gitbutler-modern-git-client/Fri, 17 Apr 2026 17:00:00 +0800https://recca0120.github.io/2026/04/17/gitbutler-modern-git-client/GitButler 是一個基於 Git 的版本控制介面，支援平行分支、疊加分支、無限復原和 AI 整合。不用切換分支就能同時處理多個任務，拖拉就能完成 commit 管理，專為現代開發工作流程設計。<![CDATA[GitButler 是一個基於 Git 的版本控制介面，支援平行分支、疊加分支、無限復原和 AI 整合。不用切換分支就能同時處理多個任務，拖拉就能完成 commit 管理，專為現代開發工作流程設計。
]]>gitGitButlerDevOpshttps://recca0120.github.io/2026/04/16/clipboard-js-promise-fallback/Thu, 16 Apr 2026 23:00:00 +0800https://recca0120.github.io/2026/04/16/clipboard-js-promise-fallback/navigator.clipboard 在本機開發（非 HTTPS）和 iOS Safari 上常常失效。用 clipboard.js 包裝成統一的 Promise 介面，讓 fallback 對呼叫端透明，接到任何框架都一樣用法。<![CDATA[navigator.clipboard 在本機開發（非 HTTPS）和 iOS Safari 上常常失效。用 clipboard.js 包裝成統一的 Promise 介面，讓 fallback 對呼叫端透明，接到任何框架都一樣用法。
]]>clipboard.jsJavaScriptTypeScriptFrontendhttps://recca0120.github.io/2026/04/16/overmind-procfile-process-manager/Thu, 16 Apr 2026 18:45:00 +0800https://recca0120.github.io/2026/04/16/overmind-procfile-process-manager/介紹 Overmind 這個 Procfile 流程管理器，整合 tmux 讓每個 process 可以獨立連線、單獨重啟，解決 foreman 的 log 截斷和顏色問題，適合 Rails、全端開發的本機開發環境。<![CDATA[介紹 Overmind 這個 Procfile 流程管理器，整合 tmux 讓每個 process 可以獨立連線、單獨重啟，解決 foreman 的 log 截斷和顏色問題，適合 Rails、全端開發的本機開發環境。
]]>overmindtmuxProcfileRailsDevOpshttps://recca0120.github.io/2026/04/15/valet-ca-cert-leak/Wed, 15 Apr 2026 12:00:00 +0800https://recca0120.github.io/2026/04/15/valet-ca-cert-leak/在本機開發環境用 Laravel Valet，卻在瀏覽器看到外部網站（如 analytics.google.com）顯示 Valet 自簽憑證。整理這個問題的完整成因——dnsmasq 洩漏、nginx catch-all、瀏覽器憑證快取——以及逐步排查與修復的方法。<![CDATA[在本機開發環境用 Laravel Valet，卻在瀏覽器看到外部網站（如 analytics.google.com）顯示 Valet 自簽憑證。整理這個問題的完整成因——dnsmasq 洩漏、nginx catch-all、瀏覽器憑證快取——以及逐步排查與修復的方法。
]]>laravel-valetsslnginxdnsmasqmacosDevOpshttps://recca0120.github.io/2026/04/14/react-compiler-vite-v6/Tue, 14 Apr 2026 23:30:00 +0800https://recca0120.github.io/2026/04/14/react-compiler-vite-v6/React Compiler 2025 年 10 月 1.0 stable，但 @vitejs/plugin-react v6 同時把內建 Babel 換成 oxc，舊的 react({ babel: {...} }) 寫法在 Vite 8 已經不能用。整理 2026 年正確的安裝流程、ESLint 設定、漸進導入策略。<![CDATA[React Compiler 2025 年 10 月 1.0 stable，但 @vitejs/plugin-react v6 同時把內建 Babel 換成 oxc，舊的 react({ babel: {...} }) 寫法在 Vite 8 已經不能用。整理 2026 年正確的安裝流程、ESLint 設定、漸進導入策略。
]]>reactreact-compilerviteperformanceFrontendhttps://recca0120.github.io/2026/04/14/git-worktree-parallel-work/Tue, 14 Apr 2026 22:00:00 +0800https://recca0120.github.io/2026/04/14/git-worktree-parallel-work/用 git worktree 避開 stash + branch switch 的切換成本，讓 hotfix、code review、長測試、多個 AI agent 並行跑在同一個 repo。整理常用指令、bare repo 模式，以及 2024–2026 新增的 relative paths 支援。<![CDATA[用 git worktree 避開 stash + branch switch 的切換成本，讓 hotfix、code review、長測試、多個 AI agent 並行跑在同一個 repo。整理常用指令、bare repo 模式，以及 2024–2026 新增的 relative paths 支援。
]]>gitworktreeproductivityai-agentDevOpshttps://recca0120.github.io/2026/04/14/cloudflare-tunnel-2026/Tue, 14 Apr 2026 20:00:00 +0800https://recca0120.github.io/2026/04/14/cloudflare-tunnel-2026/Cloudflare Tunnel 讓你從本機建立對外連線就能把 localhost 推上自己的網域，不需要開防火牆、不需要公網 IP。整理 2026 年最新的 remotely-managed tunnel 流程、Zero Trust Access 存取控制，以及和 ngrok、Tailscale Funnel 的取捨。<![CDATA[Cloudflare Tunnel 讓你從本機建立對外連線就能把 localhost 推上自己的網域，不需要開防火牆、不需要公網 IP。整理 2026 年最新的 remotely-managed tunnel 流程、Zero Trust Access 存取控制，以及和 ngrok、Tailscale Funnel 的取捨。
]]>cloudflaretunnelzero-trustnetworkingDevOpshttps://recca0120.github.io/2026/04/14/claude-code-cache-ttl-audit/Tue, 14 Apr 2026 03:00:00 +0800https://recca0120.github.io/2026/04/14/claude-code-cache-ttl-audit/社群在罵 Anthropic 3/6 偷改 cache TTL，但只看別人的 billing 不夠。我掃自己 95 天的 Claude Code 原生日誌，精準復現 3/6 那波 regression，並發現 4/9 起 sub-agent 100% 被降到 5m TTL—社群還沒人報告過的第二波。<![CDATA[社群在罵 Anthropic 3/6 偷改 cache TTL，但只看別人的 billing 不夠。我掃自己 95 天的 Claude Code 原生日誌，精準復現 3/6 那波 regression，並發現 4/9 起 sub-agent 100% 被降到 5m TTL—社群還沒人報告過的第二波。
]]>claude-codeprompt-cachingai-agentpythonAIhttps://recca0120.github.io/2026/04/13/claude-code-session-cost-cache-misconception/Mon, 13 Apr 2026 18:00:00 +0800https://recca0120.github.io/2026/04/13/claude-code-session-cost-cache-misconception/很多人以為 Claude Code session 開太久會浪費 token，於是頻繁 /clear。但因為 prompt caching 給 10% 的價格折扣，頻繁 clear 反而更貴。拆解真正影響成本的三個變數。<![CDATA[很多人以為 Claude Code session 開太久會浪費 token，於是頻繁 /clear。但因為 prompt caching 給 10% 的價格折扣，頻繁 clear 反而更貴。拆解真正影響成本的三個變數。
]]>claude-codeprompt-cachingai-agentcost-optimizationAIhttps://recca0120.github.io/2026/04/13/chezmoi-dotfiles-management/Mon, 13 Apr 2026 15:30:00 +0800https://recca0120.github.io/2026/04/13/chezmoi-dotfiles-management/chezmoi 是 Go 寫的 dotfiles 管理工具。用 Go template 處理機器差異、用 age 加密私密檔、用 run_onchange 自動裝套件。我跨三個作業系統同步 dotfiles 用的方法整理。<![CDATA[chezmoi 是 Go 寫的 dotfiles 管理工具。用 Go template 處理機器差異、用 age 加密私密檔、用 run_onchange 自動裝套件。我跨三個作業系統同步 dotfiles 用的方法整理。
]]>chezmoidotfilesageGoDevOpshttps://recca0120.github.io/2026/04/13/zoxide-smarter-cd/Mon, 13 Apr 2026 10:00:00 +0800https://recca0120.github.io/2026/04/13/zoxide-smarter-cd/zoxide 是一款 Rust 寫的 smart cd，用 frecency 演算法記住你常去的目錄。搭配 --cmd cd 直接取代原生 cd，再配 fzf 做互動式選擇，終端導航變成打兩個字就到。<![CDATA[zoxide 是一款 Rust 寫的 smart cd，用 frecency 演算法記住你常去的目錄。搭配 --cmd cd 直接取代原生 cd，再配 fzf 做互動式選擇，終端導航變成打兩個字就到。
]]>zoxidefishterminalproductivityDevOpshttps://recca0120.github.io/2026/04/08/mempalace-ai-memory-system/Wed, 08 Apr 2026 01:41:00 +0800https://recca0120.github.io/2026/04/08/mempalace-ai-memory-system/MemPalace 是本地端的 AI 記憶系統，用記憶宮殿架構組織對話歷史，AAAK 壓縮格式達 30 倍壓縮率，啟動只需 170 tokens，LongMemEval 準確率 96.6%，完全離線。<![CDATA[MemPalace 是本地端的 AI 記憶系統，用記憶宮殿架構組織對話歷史，AAAK 壓縮格式達 30 倍壓縮率，啟動只需 170 tokens，LongMemEval 準確率 96.6%，完全離線。
]]>ai-agentclaude-codeMCPPythonAIhttps://recca0120.github.io/2026/04/07/nodewarden-bitwarden-cloudflare-workers/Tue, 07 Apr 2026 17:34:00 +0800https://recca0120.github.io/2026/04/07/nodewarden-bitwarden-cloudflare-workers/NodeWarden 是第三方 Bitwarden 相容服務端，跑在 Cloudflare Workers 上，資料存 D1，附件放 R2 或 KV。不用維護 VPS，免費額度就能跑。<![CDATA[NodeWarden 是第三方 Bitwarden 相容服務端，跑在 Cloudflare Workers 上，資料存 D1，附件放 R2 或 KV。不用維護 VPS，免費額度就能跑。
]]>CloudflareBitwardenTypeScriptserverlessDevOpshttps://recca0120.github.io/2026/04/07/claude-view-mission-control/Tue, 07 Apr 2026 17:30:00 +0800https://recca0120.github.io/2026/04/07/claude-view-mission-control/claude-view 是 Rust 打造的 Claude Code 監控 dashboard，即時追蹤所有 session 的對話、成本、token 用量、sub-agent 樹狀圖，內建 85 個 MCP tools 和全文搜尋。<![CDATA[claude-view 是 Rust 打造的 Claude Code 監控 dashboard，即時追蹤所有 session 的對話、成本、token 用量、sub-agent 樹狀圖，內建 85 個 MCP tools 和全文搜尋。
]]>claude-codeai-agentMCPRustAIhttps://recca0120.github.io/2026/04/07/bb-browser-your-browser-is-the-api/Tue, 07 Apr 2026 11:34:00 +0800https://recca0120.github.io/2026/04/07/bb-browser-your-browser-is-the-api/bb-browser 直接在真實瀏覽器標籤裡跑程式碼，用你已登入的 cookie 發 fetch。36 個平台、103 條命令，還能當 MCP server 讓 Claude Code 存取整個網際網路。<![CDATA[bb-browser 直接在真實瀏覽器標籤裡跑程式碼，用你已登入的 cookie 發 fetch。36 個平台、103 條命令，還能當 MCP server 讓 Claude Code 存取整個網際網路。
]]>ai-agentMCPbrowser-automationcliAIhttps://recca0120.github.io/2026/04/07/aionui-ai-cowork-app/Tue, 07 Apr 2026 11:03:00 +0800https://recca0120.github.io/2026/04/07/aionui-ai-cowork-app/AionUi 是免費開源的 AI Cowork 桌面應用，用 Electron + React 打造，可在同一介面跑 Claude Code、Codex、Qwen Code 等 12+ 種 agent，支援 20+ 模型平台和排程任務。<![CDATA[AionUi 是免費開源的 AI Cowork 桌面應用，用 Electron + React 打造，可在同一介面跑 Claude Code、Codex、Qwen Code 等 12+ 種 agent，支援 20+ 模型平台和排程任務。
]]>ai-agentelectronclaude-codeMCPAIhttps://recca0120.github.io/2026/04/07/emdash-cms-astro-cloudflare/Tue, 07 Apr 2026 05:36:00 +0800https://recca0120.github.io/2026/04/07/emdash-cms-astro-cloudflare/EmDash 是基於 Astro 和 Cloudflare 的全棧 TypeScript CMS，主打外掛沙箱隔離、Portable Text 結構化內容、多資料庫支援，定位為現代版 WordPress 替代方案。<![CDATA[EmDash 是基於 Astro 和 Cloudflare 的全棧 TypeScript CMS，主打外掛沙箱隔離、Portable Text 結構化內容、多資料庫支援，定位為現代版 WordPress 替代方案。
]]>AstroCloudflareTypeScriptCMSFrontendhttps://recca0120.github.io/2026/04/06/league-period/Mon, 06 Apr 2026 09:00:00 +0800https://recca0120.github.io/2026/04/06/league-period/用原生 DateTime 比較兩個時間區間是否重疊，要寫一堆 if 判斷。League Period 用不可變物件封裝時間區間，內建重疊、包含、間隙、交集等操作，一行搞定。<![CDATA[用原生 DateTime 比較兩個時間區間是否重疊，要寫一堆 if 判斷。League Period 用不可變物件封裝時間區間，內建重疊、包含、間隙、交集等操作，一行搞定。
]]>phpperioddatetimeleagueschedulingimmutablePHPhttps://recca0120.github.io/2026/04/05/strauss-composer-prefix/Sun, 05 Apr 2026 09:00:00 +0800https://recca0120.github.io/2026/04/05/strauss-composer-prefix/Strauss 是從 Mozart fork 出來的 Composer 依賴前綴工具，解決了 Mozart 幾個已知問題：支援 files autoloader、常數前綴、license 合規、零設定開箱即用。WordPress 外掛開發的現代選擇。<![CDATA[Strauss 是從 Mozart fork 出來的 Composer 依賴前綴工具，解決了 Mozart 幾個已知問題：支援 files autoloader、常數前綴、license 合規、零設定開箱即用。WordPress 外掛開發的現代選擇。
]]>strausscomposerwordpressphpnamespacePHPhttps://recca0120.github.io/2026/04/04/mozart-composer-prefix/Sat, 04 Apr 2026 09:00:00 +0800https://recca0120.github.io/2026/04/04/mozart-composer-prefix/WordPress 外掛共用一個 PHP process，不同外掛用同一個 library 的不同版本就會炸。Mozart 把你的 vendor 依賴加上自訂 namespace 前綴，徹底隔離，不跟別人衝突。<![CDATA[WordPress 外掛共用一個 PHP process，不同外掛用同一個 library 的不同版本就會炸。Mozart 把你的 vendor 依賴加上自訂 namespace 前綴，徹底隔離，不跟別人衝突。
]]>mozartcomposerwordpressphpnamespacePHPhttps://recca0120.github.io/2026/04/03/pytest-mock/Fri, 03 Apr 2026 09:00:00 +0800https://recca0120.github.io/2026/04/03/pytest-mock/pytest-mock 提供 mocker fixture，把 unittest.mock.patch 整合進 pytest 的生命週期，不需要手動 start/stop，也不用 with 或 decorator。spy 保留原始行為同時追蹤呼叫，stub 測回調。<![CDATA[pytest-mock 提供 mocker fixture，把 unittest.mock.patch 整合進 pytest 的生命週期，不需要手動 start/stop，也不用 with 或 decorator。spy 保留原始行為同時追蹤呼叫，stub 測回調。
]]>pytestmocktestingpythonspystubunittestPythonTestinghttps://recca0120.github.io/2026/04/03/codeatlas-vibe-coding-developer-ranking/Fri, 03 Apr 2026 02:57:00 +0800https://recca0120.github.io/2026/04/03/codeatlas-vibe-coding-developer-ranking/分享用 Astro + Svelte 5 + Three.js vibe coding 出 CodeAtlas 全球開發者排行榜的過程，從 GitHub API 資料收集到 3D 地球儀互動體驗。<![CDATA[分享用 Astro + Svelte 5 + Three.js vibe coding 出 CodeAtlas 全球開發者排行榜的過程，從 GitHub API 資料收集到 3D 地球儀互動體驗。
]]>AstroSvelteThree.jsGitHub APIVibe CodingFrontendhttps://recca0120.github.io/2026/04/02/typer-cli/Thu, 02 Apr 2026 09:00:00 +0800https://recca0120.github.io/2026/04/02/typer-cli/Typer 是 FastAPI 同作者寫的 CLI 框架，底層是 Click，但你不需要學 Click API。Type hint 就是 CLI 的規格，自動產生 help、shell 補全、子命令，把一堆 scripts 整理成一個工具。<![CDATA[Typer 是 FastAPI 同作者寫的 CLI 框架，底層是 Click，但你不需要學 Click API。Type hint 就是 CLI 的規格，自動產生 help、shell 補全、子命令，把一堆 scripts 整理成一個工具。
]]>typerclipythonclickargparseautomationPythonhttps://recca0120.github.io/2026/04/01/blinker-signal/Wed, 01 Apr 2026 09:00:00 +0800https://recca0120.github.io/2026/04/01/blinker-signal/blinker 是 Python 輕量的 signal/event 系統，Flask 內部用它處理 request_started、request_finished 等事件。拿來做模組解耦、plugin 架構、避免 circular import 都很合適。<![CDATA[blinker 是 Python 輕量的 signal/event 系統，Flask 內部用它處理 request_started、request_finished 等事件。拿來做模組解耦、plugin 架構、避免 circular import 都很合適。
]]>blinkersignalpythonflaskeventPythonhttps://recca0120.github.io/2026/03/31/polyfactory-test-data/Tue, 31 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/31/polyfactory-test-data/polyfactory 根據 Python type hint 自動產生測試資料，支援 dataclass、Pydantic v2、TypedDict、msgspec。搭配 pytest fixture 用，省掉每次寫測試都要 hardcode 一堆假資料的麻煩。<![CDATA[polyfactory 根據 Python type hint 自動產生測試資料，支援 dataclass、Pydantic v2、TypedDict、msgspec。搭配 pytest fixture 用，省掉每次寫測試都要 hardcode 一堆假資料的麻煩。
]]>polyfactorypytesttestingpythonpydanticdataclassfactoryfixturePythonTestinghttps://recca0120.github.io/2026/03/30/pytest-getting-started/Mon, 30 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/30/pytest-getting-started/pytest 跟 unittest 最大的差距不是功能多寡，而是寫起來有多舒服。assert 直接用，失敗訊息自動展開，fixture 比 setUp/tearDown 靈活很多。<![CDATA[pytest 跟 unittest 最大的差距不是功能多寡，而是寫起來有多舒服。assert 直接用，失敗訊息自動展開，fixture 比 setUp/tearDown 靈活很多。
]]>pytesttestingpythonfixtureunit-testingparametrizePythonTestinghttps://recca0120.github.io/2026/03/29/docker-image-best-practices/Sun, 29 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/29/docker-image-best-practices/不要猜 Docker image 為什麼大，用 docker image history 和 dive 直接看。找到問題之後針對性修，比套用技巧清單更有效率。從 1.25GB 壓到 139MB 的實際過程。<![CDATA[不要猜 Docker image 為什麼大，用 docker image history 和 dive 直接看。找到問題之後針對性修，比套用技巧清單更有效率。從 1.25GB 壓到 139MB 的實際過程。
]]>dockerdockerfiledevopsdiveoptimizationcontainermulti-stageDevOpshttps://recca0120.github.io/2026/03/28/sslh-port-multiplexer/Sat, 28 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/28/sslh-port-multiplexer/sslh 是 protocol multiplexer，讓 SSH、HTTPS、OpenVPN 共用同一個 port。最常見的用途是把 SSH 藏在 443，穿透只開放 HTTP/HTTPS 的嚴格防火牆。<![CDATA[sslh 是 protocol multiplexer，讓 SSH、HTTPS、OpenVPN 共用同一個 port。最常見的用途是把 SSH 藏在 443，穿透只開放 HTTP/HTTPS 的嚴格防火牆。
]]>sslhsshnetworkingsecuritylinuxToolshttps://recca0120.github.io/2026/03/27/reverse-ssh/Fri, 27 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/27/reverse-ssh/reverse_ssh 把 SSH 反向：目標機主動連回 server，operator 再用原生 SSH 語法連進去。支援 HTTP/WebSocket/TLS 多種 transport 穿防火牆，SCP/SFTP/port forwarding 全部可用。<![CDATA[reverse_ssh 把 SSH 反向：目標機主動連回 server，operator 再用原生 SSH 語法連進去。支援 HTTP/WebSocket/TLS 多種 transport 穿防火牆，SCP/SFTP/port forwarding 全部可用。
]]>sshreverse-shellsecuritynetworkinggolangfirewalltunnelToolshttps://recca0120.github.io/2026/03/26/yazi-terminal-file-manager/Thu, 26 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/26/yazi-terminal-file-manager/yazi 是 Rust 寫的非同步終端機檔案管理器，vim 鍵位、圖片預覽、Lua 外掛、整合 fzf/zoxide。Alacritty 不支援圖片協議，macOS 用 Chafa，Linux 用 Überzug++ 搭配 X11/Wayland。<![CDATA[yazi 是 Rust 寫的非同步終端機檔案管理器，vim 鍵位、圖片預覽、Lua 外掛、整合 fzf/zoxide。Alacritty 不支援圖片協議，macOS 用 Chafa，Linux 用 Überzug++ 搭配 X11/Wayland。
]]>yaziterminalrustfile-manageralacrittyToolshttps://recca0120.github.io/2026/03/25/reptyr-reattach-terminal/Wed, 25 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/25/reptyr-reattach-terminal/reptyr 用 ptrace 把已在執行的 process 重新附加到新的 terminal。SSH 忘開 tmux 就跑了長時間任務，或者想把 background process 移進 screen，reptyr 一個指令搞定。<![CDATA[reptyr 用 ptrace 把已在執行的 process 重新附加到新的 terminal。SSH 忘開 tmux 就跑了長時間任務，或者想把 background process 移進 screen，reptyr 一個指令搞定。
]]>reptyrlinuxterminaltmuxsshprocessrescueToolshttps://recca0120.github.io/2026/03/24/sql-null-join-unique/Tue, 24 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/24/sql-null-join-unique/各資料庫對 NULL 的解釋不同，衍生兩個常見問題：JOIN 欄位都是 NULL 時資料撈不到，以及 UNIQUE 欄位允許多筆 NULL 導致限制失效。MySQL、PostgreSQL、SQLite、SQL Server 行為各不同。<![CDATA[各資料庫對 NULL 的解釋不同，衍生兩個常見問題：JOIN 欄位都是 NULL 時資料撈不到，以及 UNIQUE 欄位允許多筆 NULL 導致限制失效。MySQL、PostgreSQL、SQLite、SQL Server 行為各不同。
]]>sqlmysqlpostgresqlsqlitedatabaseDatabasehttps://recca0120.github.io/2026/03/23/ky-concurrent-requests/Mon, 23 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/23/ky-concurrent-requests/ky 處理單一請求的 retry、timeout、auth hook，p-limit 控制同時執行的數量。兩個工具各司其職，批次打 100 個 API 不怕 429 也不怕網路抖動。<![CDATA[ky 處理單一請求的 retry、timeout、auth hook，p-limit 控制同時執行的數量。兩個工具各司其職，批次打 100 個 API 不怕 429 也不怕網路抖動。
]]>kytypescriptjavascriptconcurrencyp-limitapirate-limitingFrontendhttps://recca0120.github.io/2026/03/22/fetch-concurrent-requests/Sun, 22 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/22/fetch-concurrent-requests/Promise.all 同時發出 100 個請求，server 很容易回 429 或直接掛掉。用 p-limit 搭配 fetch 限制同時執行的請求數量，只需要一行設定，不需要自己寫 semaphore。<![CDATA[Promise.all 同時發出 100 個請求，server 很容易回 429 或直接掛掉。用 p-limit 搭配 fetch 限制同時執行的請求數量，只需要一行設定，不需要自己寫 semaphore。
]]>fetchjavascripttypescriptconcurrencyp-limitapirate-limitingFrontendhttps://recca0120.github.io/2026/03/21/auto-venv-fish/Sat, 21 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/21/auto-venv-fish/auto-venv 是 Fish shell plugin，切換目錄時自動啟用和關閉 Python venv，支援 .venv、venv、.env、env 四種命名，用 git root 判斷範圍，相容 z、zoxide 等跳轉工具。<![CDATA[auto-venv 是 Fish shell plugin，切換目錄時自動啟用和關閉 Python venv，支援 .venv、venv、.env、env 四種命名，用 git root 判斷範圍，相容 z、zoxide 等跳轉工具。
]]>fishpythonvenvautomationshellvirtualenvPythonToolshttps://recca0120.github.io/2026/03/20/fish-valet-php-composer/Fri, 20 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/20/fish-valet-php-composer/用 fish shell alias 和 function 讓 php、composer、phpunit 自動跟著 Laravel Valet 的 PHP 版本走。解決舊專案需要 Composer v1 的問題，智慧判斷用 composer.phar 還是系統 composer。<![CDATA[用 fish shell alias 和 function 讓 php、composer、phpunit 自動跟著 Laravel Valet 的 PHP 版本走。解決舊專案需要 Composer v1 的問題，智慧判斷用 composer.phar 還是系統 composer。
]]>fishlaravelvaletphpcomposershellversion-managerPHPToolshttps://recca0120.github.io/2026/03/19/python-mock-imported-function/Thu, 19 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/19/python-mock-imported-function/Python unittest.mock.patch 的最常見誤區：mock utils.sum 但測試還是跑真的邏輯。原因是 from utils import sum 在被測模組建立了自己的 binding，patch 要指向被測模組的命名空間，不是函式的原始定義位置。<![CDATA[Python unittest.mock.patch 的最常見誤區：mock utils.sum 但測試還是跑真的邏輯。原因是 from utils import sum 在被測模組建立了自己的 binding，patch 要指向被測模組的命名空間，不是函式的原始定義位置。
]]>pythontestingmockunittestpatchpytestPythonTestinghttps://recca0120.github.io/2026/03/18/php-goto-retry/Wed, 18 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/18/php-goto-retry/PHP goto 語法在 retry 邏輯上比 while loop 更直覺：少一層縮排、流程更平坦、語意更精確。只有明確要重試才跳回去，成功直接 return，失敗次數用完才 throw。<![CDATA[PHP goto 語法在 retry 邏輯上比 while loop 更直覺：少一層縮排、流程更平坦、語意更精確。只有明確要重試才跳回去，成功直接 return，失敗次數用完才 throw。
]]>phpgotoretrypatternPHPhttps://recca0120.github.io/2026/03/17/laravel-urlgenerator-subdomain/Tue, 17 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/17/laravel-urlgenerator-subdomain/Laravel 在 subdomain route 裡呼叫 url() 或 route()，產出的網址會帶 subdomain。用 clone app(UrlGenerator::class) 再 useOrigin() 就能在不影響全域的情況下產出 root domain 網址。<![CDATA[Laravel 在 subdomain route 裡呼叫 url() 或 route()，產出的網址會帶 subdomain。用 clone app(UrlGenerator::class) 再 useOrigin() 就能在不影響全域的情況下產出 root domain 網址。
]]>laravelphptestingroutingLaravelPHPhttps://recca0120.github.io/2026/03/15/cli-anything-agent-native-cli/Sun, 15 Mar 2026 10:00:00 +0800https://recca0120.github.io/2026/03/15/cli-anything-agent-native-cli/不用截圖、不用點擊——用一行指令讓 Claude Code 為任何軟體生成完整 CLI，AI Agent 從此直接呼叫 GIMP、Blender、LibreOffice<![CDATA[不用截圖、不用點擊——用一行指令讓 Claude Code 為任何軟體生成完整 CLI，AI Agent 從此直接呼叫 GIMP、Blender、LibreOffice
]]>claude-codeai-agentcliautomationAIhttps://recca0120.github.io/2026/03/15/terraform-test/Sun, 15 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/15/terraform-test/Terraform 1.6 內建測試框架，用 .tftest.hcl 寫測試，支援 plan-only 單元測試、mock_provider 無需雲端憑證、expect_failures 驗證錯誤、apply 整合測試。不需要學 Go，直接用 HCL 寫。<![CDATA[Terraform 1.6 內建測試框架，用 .tftest.hcl 寫測試，支援 plan-only 單元測試、mock_provider 無需雲端憑證、expect_failures 驗證錯誤、apply 整合測試。不需要學 Go，直接用 HCL 寫。
]]>terraformtestinginfrastructure-as-codedevopsDevOpshttps://recca0120.github.io/2026/03/14/terraform-infrastructure-as-code/Sat, 14 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/14/terraform-infrastructure-as-code/Terraform 是 Infrastructure as Code 工具，用 HCL 宣告式語言管理 AWS、GCP、Cloudflare 等 3000+ provider。本文涵蓋安裝、HCL 語法、state 管理、module 架構、多環境策略與實際部署靜態網站範例。<![CDATA[Terraform 是 Infrastructure as Code 工具，用 HCL 宣告式語言管理 AWS、GCP、Cloudflare 等 3000+ provider。本文涵蓋安裝、HCL 語法、state 管理、module 架構、多環境策略與實際部署靜態網站範例。
]]>terraforminfrastructure-as-codeawsdevopscloudflareDevOpshttps://recca0120.github.io/2026/03/14/terratest-infrastructure-testing/Sat, 14 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/14/terratest-infrastructure-testing/Terratest 是一個用 Go 撰寫真實整合測試的函式庫，針對 Terraform 模組部署真實基礎設施、驗證其行為，然後銷毀。涵蓋 terraform、http_helper、aws、retry、test_structure 套件，附完整 Go 程式碼範例。<![CDATA[Terratest 是一個用 Go 撰寫真實整合測試的函式庫，針對 Terraform 模組部署真實基礎設施、驗證其行為，然後銷毀。涵蓋 terraform、http_helper、aws、retry、test_structure 套件，附完整 Go 程式碼範例。
]]>terratestterraformgotestingawsinfrastructureDevOpshttps://recca0120.github.io/2026/03/13/zustand-react-state-management/Fri, 13 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/13/zustand-react-state-management/Zustand 是 1KB 的 React 狀態管理庫，一個 create() 搞定 state 和 action，不需要 Provider 包裝，selector 自動避免多餘 re-render，內建 persist、devtools、immer middleware。<![CDATA[Zustand 是 1KB 的 React 狀態管理庫，一個 create() 搞定 state 和 action，不需要 Provider 包裝，selector 自動避免多餘 re-render，內建 persist、devtools、immer middleware。
]]>zustandreactstate-managementtypescriptjavascriptFrontendhttps://recca0120.github.io/2026/03/12/ky-http-client/Thu, 12 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/12/ky-http-client/ky 是基於 fetch 的輕量 HTTP 客戶端，4KB gzip 零依賴，內建 retry 指數退避、timeout、hooks 攔截器、JSON 簡寫，比 axios 小 3 倍，比裸 fetch 少寫一半程式碼。<![CDATA[ky 是基於 fetch 的輕量 HTTP 客戶端，4KB gzip 零依賴，內建 retry 指數退避、timeout、hooks 攔截器、JSON 簡寫，比 axios 小 3 倍，比裸 fetch 少寫一半程式碼。
]]>kyfetchhttptypescriptjavascriptFrontendhttps://recca0120.github.io/2026/03/11/zod-typescript-validation/Wed, 11 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/11/zod-typescript-validation/Zod 是 TypeScript-first 的 schema 驗證庫，定義一次 schema 自動推斷型別，不用重複寫 interface。支援 parse/safeParse、transform、refine、discriminated union，2kb gzip，零依賴。<![CDATA[Zod 是 TypeScript-first 的 schema 驗證庫，定義一次 schema 自動推斷型別，不用重複寫 interface。支援 parse/safeParse、transform、refine、discriminated union，2kb gzip，零依賴。
]]>zodtypescriptvalidationjavascriptFrontendhttps://recca0120.github.io/2026/03/10/biome-eslint-prettier-replacement/Tue, 10 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/10/biome-eslint-prettier-replacement/Biome 是用 Rust 寫的前端工具鏈，formatter 比 Prettier 快 35 倍，455 條 lint 規則涵蓋 ESLint + TypeScript ESLint，一個 biome.json 取代五個設定檔，支援自動遷移。<![CDATA[Biome 是用 Rust 寫的前端工具鏈，formatter 比 Prettier 快 35 倍，455 條 lint 規則涵蓋 ESLint + TypeScript ESLint，一個 biome.json 取代五個設定檔，支援自動遷移。
]]>biomeeslintprettiertypescriptdeveloper-toolsToolsFrontendhttps://recca0120.github.io/2026/03/09/mole-macos-cleaner/Mon, 09 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/09/mole-macos-cleaner/Mole 是 38K stars 的 macOS 清理工具，mo clean 深度清除快取、mo uninstall 連殘留一起刪、mo purge 清 node_modules，乾淨又安全，支援 dry-run 先預覽。<![CDATA[Mole 是 38K stars 的 macOS 清理工具，mo clean 深度清除快取、mo uninstall 連殘留一起刪、mo purge 清 node_modules，乾淨又安全，支援 dry-run 先預覽。
]]>macosmoledeveloper-toolsproductivityToolshttps://recca0120.github.io/2026/03/08/openspec-sdd/Sun, 08 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/08/openspec-sdd/OpenSpec 是 spec-driven development 框架，在 AI 寫程式之前先對齊需求。propose 產出規格文件，apply 按規格實作，archive 歸檔完成的變更。支援 Claude Code、Cursor、Copilot 等 30+ 工具。<![CDATA[OpenSpec 是 spec-driven development 框架，在 AI 寫程式之前先對齊需求。propose 產出規格文件，apply 按規格實作，archive 歸檔完成的變更。支援 Claude Code、Cursor、Copilot 等 30+ 工具。
]]>openspecaisddclaude-codecursordeveloper-toolsworkflowToolsDevOpshttps://recca0120.github.io/2026/03/08/lefthook-git-hooks/Sun, 08 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/08/lefthook-git-hooks/用 Go 寫的 Lefthook 一個 YAML 搞定所有 Git hooks，平行執行省掉一半 commit 等待時間，支援 monorepo、跨語言、本地覆寫，比 Husky + lint-staged 更快更簡單。<![CDATA[用 Go 寫的 Lefthook 一個 YAML 搞定所有 Git hooks，平行執行省掉一半 commit 等待時間，支援 monorepo、跨語言、本地覆寫，比 Husky + lint-staged 更快更簡單。
]]>gitlefthookhuskydeveloper-toolsdevopsToolsDevOpshttps://recca0120.github.io/2026/03/07/sql-js-httpvfs-static-hosting/Sat, 07 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/07/sql-js-httpvfs-static-hosting/介紹 sql.js-httpvfs，透過 HTTP Range Request 在靜態網站上直接查詢 SQLite，不需要下載整個資料庫檔案。<![CDATA[介紹 sql.js-httpvfs，透過 HTTP Range Request 在靜態網站上直接查詢 SQLite，不需要下載整個資料庫檔案。
]]>sql.jsSQLiteJavaScriptWebAssemblyFrontendDatabasehttps://recca0120.github.io/2026/03/06/browser-storage-comparison/Fri, 06 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/06/browser-storage-comparison/比較 sql.js、IndexedDB、localStorage 等瀏覽器端儲存方案的容量、查詢能力、效能與適用場景，附完整比較表格。<![CDATA[比較 sql.js、IndexedDB、localStorage 等瀏覽器端儲存方案的容量、查詢能力、效能與適用場景，附完整比較表格。
]]>sql.jsSQLiteIndexedDBJavaScriptFrontendDatabasehttps://recca0120.github.io/2026/03/05/sql-js-offline-web-app/Thu, 05 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/05/sql-js-offline-web-app/用 sql.js 搭配 IndexedDB 實現瀏覽器端 SQLite 資料持久化，打造不需後端也能離線運作的 Web 應用。<![CDATA[用 sql.js 搭配 IndexedDB 實現瀏覽器端 SQLite 資料持久化，打造不需後端也能離線運作的 Web 應用。
]]>sql.jsSQLiteIndexedDBJavaScriptFrontendDatabasehttps://recca0120.github.io/2026/03/04/sql-js-browser-sqlite/Wed, 04 Mar 2026 09:00:00 +0800https://recca0120.github.io/2026/03/04/sql-js-browser-sqlite/介紹 sql.js 套件，從安裝、初始化、CRUD 操作到匯入匯出 .db 檔案和 Web Worker 用法，在瀏覽器端直接使用 SQLite。<![CDATA[介紹 sql.js 套件，從安裝、初始化、CRUD 操作到匯入匯出 .db 檔案和 Web Worker 用法，在瀏覽器端直接使用 SQLite。
]]>sql.jsSQLiteJavaScriptWebAssemblyFrontendDatabasehttps://recca0120.github.io/2026/03/03/livue-laravel-vue-server-driven/Tue, 03 Mar 2026 06:00:00 +0800https://recca0120.github.io/2026/03/03/livue-laravel-vue-server-driven/介紹 LiVue 套件，在 Blade 模板裡直接用 Vue 3 directive，不用寫 API 也不用拆 .vue 檔，兼具 Livewire 和 Vue 生態系的優勢。<![CDATA[介紹 LiVue 套件，在 Blade 模板裡直接用 Vue 3 directive，不用寫 API 也不用拆 .vue 檔，兼具 Livewire 和 Vue 生態系的優勢。
]]>LaravelVue.jsBladeAlpine.jsLiVueLaravelFrontendhttps://recca0120.github.io/2026/03/03/msw-fetch-mock/Tue, 03 Mar 2026 06:00:00 +0800https://recca0120.github.io/2026/03/03/msw-fetch-mock/比較 msw-fetch-mock、MSW、nock、fetch-mock 等 6 套 HTTP mock 方案的差異，說明 msw-fetch-mock 的架構優勢與適用場景。<![CDATA[比較 msw-fetch-mock、MSW、nock、fetch-mock 等 6 套 HTTP mock 方案的差異，說明 msw-fetch-mock 的架構優勢與適用場景。
]]>TestingMSWJavaScriptTestingFrontendhttps://recca0120.github.io/2026/03/03/vscode-phpunit/Tue, 03 Mar 2026 05:00:00 +0800https://recca0120.github.io/2026/03/03/vscode-phpunit/PHPUnit & Pest Test Explorer 完整設定：Docker Compose、Sail、SSH、Xdebug 除錯，支援 PHPUnit 7-12 與 Pest 1-4。<![CDATA[PHPUnit & Pest Test Explorer 完整設定：Docker Compose、Sail、SSH、Xdebug 除錯，支援 PHPUnit 7-12 與 Pest 1-4。
]]>PHPUnitPestVS CodeDockerTestingTestingPHPhttps://recca0120.github.io/2024/07/16/php-csv/Tue, 16 Jul 2024 06:05:35 +0800https://recca0120.github.io/2024/07/16/php-csv/Excel 匯出 CSV 時會把小數轉成 8.90E-05 這類指數格式，直接用 bcmul 會報錯。用 sprintf 搭配動態小數位數計算，可正確還原任意精度的浮點數。<![CDATA[Excel 匯出 CSV 時會把小數轉成 8.90E-05 這類指數格式，直接用 bcmul 會報錯。用 sprintf 搭配動態小數位數計算，可正確還原任意精度的浮點數。
]]>PHPPHPhttps://recca0120.github.io/2024/05/07/laravel-blade-template/Tue, 07 May 2024 07:47:27 +0800https://recca0120.github.io/2024/05/07/laravel-blade-template/Blade template 出現重複的 HTML 區塊時，可選 @include、Component 或 ob_start 三種做法，各有適用場景，其中 ob_start 不需要額外建立檔案。<![CDATA[Blade template 出現重複的 HTML 區塊時，可選 @include、Component 或 ob_start 三種做法，各有適用場景，其中 ob_start 不需要額外建立檔案。
]]>LaravelBladeLaravelPHPhttps://recca0120.github.io/2024/04/19/alpine-validate-errors-for-laravel/Fri, 19 Apr 2024 09:30:26 +0800https://recca0120.github.io/2024/04/19/alpine-validate-errors-for-laravel/為 Alpine.js 寫 errors plugin 仿照 Laravel MessageBag API，讓 AJAX 表單 422 驗證錯誤像 @error directive 一樣顯示。<![CDATA[為 Alpine.js 寫 errors plugin 仿照 Laravel MessageBag API，讓 AJAX 表單 422 驗證錯誤像 @error directive 一樣顯示。
]]>Alpine.jsLaravelJavaScriptValidationFrontendLaravelhttps://recca0120.github.io/2023/03/20/laravel-vite-host/Mon, 20 Mar 2023 07:08:10 +0800https://recca0120.github.io/2023/03/20/laravel-vite-host/Laravel Vite 預設指向 localhost，自訂 domain 時 asset 載入失敗。設定 server.host 即可解決。<![CDATA[Laravel Vite 預設指向 localhost，自訂 domain 時 asset 載入失敗。設定 server.host 即可解決。
]]>LaravelViteLaravelFrontendhttps://recca0120.github.io/2023/02/25/php-third-package-version/Sat, 25 Feb 2023 10:04:03 +0800https://recca0120.github.io/2023/02/25/php-third-package-version/用 Composer 2 的 InstalledVersions::getVersion() 在執行期取得套件版本，無需解析 composer.lock。<![CDATA[用 Composer 2 的 InstalledVersions::getVersion() 在執行期取得套件版本，無需解析 composer.lock。
]]>PHPComposerPHPhttps://recca0120.github.io/2023/02/20/laravel-10-database-expression/Mon, 20 Feb 2023 05:41:20 +0800https://recca0120.github.io/2023/02/20/laravel-10-database-expression/MySQL 的 IF() 在 SQLite 會報錯。Laravel 10 Expression interface 依 Grammar 產生對應 SQL，將跨資料庫差異封裝進 class。<![CDATA[MySQL 的 IF() 在 SQLite 會報錯。Laravel 10 Expression interface 依 Grammar 產生對應 SQL，將跨資料庫差異封裝進 class。
]]>LaravelMySQLSQLiteTestingLaravelDatabasehttps://recca0120.github.io/2023/02/17/laravel-sqlite-function/Fri, 17 Feb 2023 03:27:51 +0800https://recca0120.github.io/2023/02/17/laravel-sqlite-function/SQLite 測試遇到 MySQL 專屬 function 如 FIELD 會噴 no such function 錯誤，用 sqliteCreateFunction 自行補上即可。<![CDATA[SQLite 測試遇到 MySQL 專屬 function 如 FIELD 會噴 no such function 錯誤，用 sqliteCreateFunction 自行補上即可。
]]>LaravelSQLiteTestingLaravelDatabasehttps://recca0120.github.io/2023/01/20/eloquent-macro-fire-event/Fri, 20 Jan 2023 10:00:00 +0800https://recca0120.github.io/2023/01/20/eloquent-macro-fire-event/用 saveQuietly 存資料不觸發任何事件，再透過 Builder macro 定義 fire 方法，選擇性地手動觸發 created 或其他 Eloquent event。<![CDATA[用 saveQuietly 存資料不觸發任何事件，再透過 Builder macro 定義 fire 方法，選擇性地手動觸發 created 或其他 Eloquent event。
]]>LaravelEloquentLaravelPHPhttps://recca0120.github.io/2023/01/19/leagueflysystemunabletocheckfileexistence/Thu, 19 Jan 2023 03:12:27 +0800https://recca0120.github.io/2023/01/19/leagueflysystemunabletocheckfileexistence/IAM 缺少 s3:ListBucket 時，S3 對不存在的檔案回傳 403 而非 404，[Flysystem](https://flysystem.thephpleague.com) 因此拋出例外。補上權限後 exists() 即可正常回傳 false。< 因此拋出例外。補上權限後 exists() 即可正常回傳 false。
]]>LaravelFlysystemAWSLaravelDevOpshttps://recca0120.github.io/2023/01/18/waiting-for-thread-pool-to-idle-before-forking/Wed, 18 Jan 2023 15:37:51 +0800https://recca0120.github.io/2023/01/18/waiting-for-thread-pool-to-idle-before-forking/PHPUnit 測試時不斷出現 gRPC "Waiting for thread pool to idle" 警告，原因是 gRPC 版本過高，降版到 1.49.0 即可消除。<![CDATA[PHPUnit 測試時不斷出現 gRPC "Waiting for thread pool to idle" 警告，原因是 gRPC 版本過高，降版到 1.49.0 即可消除。
]]>PHPPHPUnitPHPTestinghttps://recca0120.github.io/2023/01/15/wsl2-install-docker-ce/Sun, 15 Jan 2023 10:00:00 +0800https://recca0120.github.io/2023/01/15/wsl2-install-docker-ce/不用 Docker Desktop，直接在 WSL2 安裝 Docker CE 的完整步驟，包含加入 docker 群組免 sudo、啟用 systemd 讓 Docker 開機自動啟動。<![CDATA[不用 Docker Desktop，直接在 WSL2 安裝 Docker CE 的完整步驟，包含加入 docker 群組免 sudo、啟用 systemd 讓 Docker 開機自動啟動。
]]>DockerWSL2LinuxDevOpsWindowshttps://recca0120.github.io/2023/01/12/laravel-container-facade/Thu, 12 Jan 2023 05:34:12 +0800https://recca0120.github.io/2023/01/12/laravel-container-facade/Facade 透過 getFacadeAccessor 從 Container 解析 instance 的機制，以及 bind 與 singleton 的差異。<![CDATA[Facade 透過 getFacadeAccessor 從 Container 解析 instance 的機制，以及 bind 與 singleton 的差異。
]]>LaravelPHPLaravelPHPhttps://recca0120.github.io/2023/01/06/phpunit-sleep/Fri, 06 Jan 2023 08:55:58 +0800https://recca0120.github.io/2023/01/06/phpunit-sleep/程式裡有 sleep() 讓每次測試都要多等幾秒，可抽出 Clock class 用 Mockery spy 替換，或用 php-mock 直接 mock 內建函式，無需改動原始碼。<![CDATA[程式裡有 sleep() 讓每次測試都要多等幾秒，可抽出 Clock class 用 Mockery spy 替換，或用 php-mock 直接 mock 內建函式，無需改動原始碼。
]]>PHPPHPUnitMockeryTestingTestingPHPhttps://recca0120.github.io/2023/01/06/how-to-use-laravel-container-to-register-third-party-package/Fri, 06 Jan 2023 01:46:18 +0800https://recca0120.github.io/2023/01/06/how-to-use-laravel-container-to-register-third-party-package/第三方 class constructor 需要參數時 Container 無法自動 resolve。在 ServiceProvider 用 bind 註冊，即可在任何地方 type-hint 注入。<![CDATA[第三方 class constructor 需要參數時 Container 無法自動 resolve。在 ServiceProvider 用 bind 註冊，即可在任何地方 type-hint 注入。
]]>LaravelPHPComposerLaravelPHPhttps://recca0120.github.io/2022/12/26/php-objc86150-nscfconstantstring-initialize-may-have-been-in-progress-in-another-thread/Mon, 26 Dec 2022 08:41:00 +0800https://recca0120.github.io/2022/12/26/php-objc86150-nscfconstantstring-initialize-may-have-been-in-progress-in-another-thread/macOS artisan tinker 用 Guzzle 噴 NSCFConstantString 錯誤，設環境變數關閉 fork safety 即可解決。<![CDATA[macOS artisan tinker 用 Guzzle 噴 NSCFConstantString 錯誤，設環境變數關閉 fork safety 即可解決。
]]>PHPGuzzlemacOSPHPhttps://recca0120.github.io/2022/12/26/psr7-message-python-requests-php/Mon, 26 Dec 2022 06:34:26 +0800https://recca0120.github.io/2022/12/26/psr7-message-python-requests-php/Python 爬蟲、PHP 後續處理的跨語言架構：讓 Python 輸出 PSR-7 message 字串，PHP 用 parseResponse 解析，免手動拆 header 和 body。<![CDATA[Python 爬蟲、PHP 後續處理的跨語言架構：讓 Python 輸出 PSR-7 message 字串，PHP 用 parseResponse 解析，免手動拆 header 和 body。
]]>PHPPSR-7GuzzleSymfonyPHPhttps://recca0120.github.io/2022/12/19/laravel-load-schema-to-sqlite-in-memory-database/Mon, 19 Dec 2022 15:26:54 +0800https://recca0120.github.io/2022/12/19/laravel-load-schema-to-sqlite-in-memory-database/透過 PDO::exec 把 schema dump 直接載入 SQLite in-memory database，跳過逐一跑 migration 的瓶頸，實測從 2 分 21 秒降到 18 秒。<![CDATA[透過 PDO::exec 把 schema dump 直接載入 SQLite in-memory database，跳過逐一跑 migration 的瓶頸，實測從 2 分 21 秒降到 18 秒。
]]>LaravelSQLiteTestingMigrationLaravelTestinghttps://recca0120.github.io/2022/12/13/laravel-how-to-fix-unknown-database-type-enum-requested/Tue, 13 Dec 2022 06:16:19 +0800https://recca0120.github.io/2022/12/13/laravel-how-to-fix-unknown-database-type-enum-requested/Doctrine DBAL 不認識 MySQL enum 型別導致 migration 失敗。介紹 Type::addType 與 registerDoctrineTypeMapping 兩種解法。<![CDATA[Doctrine DBAL 不認識 MySQL enum 型別導致 migration 失敗。介紹 Type::addType 與 registerDoctrineTypeMapping 兩種解法。
]]>LaravelMigrationMySQLLaravelDatabasehttps://recca0120.github.io/2022/12/06/rebuilt-phpunit-for-vscode/Tue, 06 Dec 2022 05:57:57 +0800https://recca0120.github.io/2022/12/06/rebuilt-phpunit-for-vscode/從頭重寫 PHPUnit for VSCode，整合 VS Code Testing API 讓測試結果即時顯示在側邊欄，新增 Docker 和 SSH 遠端執行環境支援。<![CDATA[從頭重寫 PHPUnit for VSCode，整合 VS Code Testing API 讓測試結果即時顯示在側邊欄，新增 Docker 和 SSH 遠端執行環境支援。
]]>PHPUnitPHPVS CodeDockerTestingTestingPHPhttps://recca0120.github.io/2022/12/02/laravel-model-reads-old-data-when-using-transaction-and-queue/Fri, 02 Dec 2022 10:30:00 +0800https://recca0120.github.io/2022/12/02/laravel-model-reads-old-data-when-using-transaction-and-queue/Transaction 內 dispatch 的 Job 因 SerializesModels 讀到舊資料，用 afterCommit() 讓 Job 等 commit 後再入列。<![CDATA[Transaction 內 dispatch 的 Job 因 SerializesModels 讀到舊資料，用 afterCommit() 讓 Job 等 commit 後再入列。
]]>LaravelQueueRedisLaravelPHPhttps://recca0120.github.io/2022/11/29/laravel-testing-view-data/Tue, 29 Nov 2022 15:58:53 +0800https://recca0120.github.io/2022/11/29/laravel-testing-view-data/複雜頁面測 HTML 很脆弱，改用 viewData() 直接驗 View 變數更穩定；比較 Model 時用 id 或 toArray() 而非直接 assertEquals 物件。<![CDATA[複雜頁面測 HTML 很脆弱，改用 viewData() 直接驗 View 變數更穩定；比較 Model 時用 id 或 toArray() 而非直接 assertEquals 物件。
]]>LaravelTestingBladeLaravelTestinghttps://recca0120.github.io/2022/11/26/how-to-test-closure-in-phpunit/Sat, 26 Nov 2022 09:31:24 +0800https://recca0120.github.io/2022/11/26/how-to-test-closure-in-phpunit/用 Mockery::spy 包裝 closure，解決在 closure 內寫 assertion 無法偵測「callback 根本沒被呼叫」的盲點，同時驗證參數和呼叫次數。<![CDATA[用 Mockery::spy 包裝 closure，解決在 closure 內寫 assertion 無法偵測「callback 根本沒被呼叫」的盲點，同時驗證參數和呼叫次數。
]]>PHPUnitMockeryPHPTestingTestingPHPhttps://recca0120.github.io/2022/11/25/how-to-use-mockery-to-mock-iteratoraggregate/Fri, 25 Nov 2022 03:41:39 +0800https://recca0120.github.io/2022/11/25/how-to-use-mockery-to-mock-iteratoraggregate/直接 mock IteratorAggregate 物件會導致 foreach 無法迭代。讓 getIterator 回傳 ArrayObject，測試中即可正常迭代 mock 資料。<![CDATA[直接 mock IteratorAggregate 物件會導致 foreach 無法迭代。讓 getIterator 回傳 ArrayObject，測試中即可正常迭代 mock 資料。
]]>MockeryPHPUnitPHPTestingTestingPHPhttps://recca0120.github.io/2022/11/23/laravel-validation-numeric/Wed, 23 Nov 2022 08:30:00 +0800https://recca0120.github.io/2022/11/23/laravel-validation-numeric/Laravel 的 min/max 規則預設比較字串長度而非數值，導致 0 通過驗證。加上 numeric 規則後才會做數值比較，避免驗證邏輯出錯。<![CDATA[Laravel 的 min/max 規則預設比較字串長度而非數值，導致 0 通過驗證。加上 numeric 規則後才會做數值比較，避免驗證邏輯出錯。
]]>LaravelValidationPHPLaravelPHPhttps://recca0120.github.io/2022/11/22/mockery-capturing-arguments/Tue, 22 Nov 2022 14:21:07 +0800https://recca0120.github.io/2022/11/22/mockery-capturing-arguments/方法內部有 random_int 導致回傳值不固定時，用 Mockery::capture 搭配 passthru 抓出中間值，就能算出確定的 expected 值來完成 assertion。<![CDATA[方法內部有 random_int 導致回傳值不固定時，用 Mockery::capture 搭配 passthru 抓出中間值，就能算出確定的 expected 值來完成 assertion。
]]>PHPMockeryPHPUnitTestingTestingPHPhttps://recca0120.github.io/2022/11/21/vmware-fusion/Mon, 21 Nov 2022 13:34:53 +0800https://recca0120.github.io/2022/11/21/vmware-fusion/VMware Fusion Player 提供個人免費授權，到官網建立帳號即可取得 License Key 和下載連結，附上表單驗證失敗時可用的備用填表資訊。<![CDATA[VMware Fusion Player 提供個人免費授權，到官網建立帳號即可取得 License Key 和下載連結，附上表單驗證失敗時可用的備用填表資訊。
]]>VMwaremacOShttps://recca0120.github.io/2022/11/08/dbngin-mysql-command/Tue, 08 Nov 2022 03:16:32 +0800https://recca0120.github.io/2022/11/08/dbngin-mysql-command/DBngin 支援多版本 MySQL 但不會自動加 PATH，一行指令把最新版路徑寫進 .bashrc，終端機就能直接使用 mysql 指令。<![CDATA[DBngin 支援多版本 MySQL 但不會自動加 PATH，一行指令把最新版路徑寫進 .bashrc，終端機就能直接使用 mysql 指令。
]]>MySQLmacOSDatabasemacOShttps://recca0120.github.io/2020/08/17/lazy-collection-with-generator-notice/Mon, 17 Aug 2020 12:46:29 +0800https://recca0120.github.io/2020/08/17/lazy-collection-with-generator-notice/直接把 Generator 傳給 LazyCollection 會被 iterator_to_array 一次全部展開，失去延遲載入效果，必須用 Closure 包一層才能正確運作。<![CDATA[直接把 Generator 傳給 LazyCollection 會被 iterator_to_array 一次全部展開，失去延遲載入效果，必須用 Closure 包一層才能正確運作。
]]>LaravelPHPLaravelPHPhttps://recca0120.github.io/2020/08/05/guzzlehttp-psr7-response-get-contents-notice/Wed, 05 Aug 2020 13:12:49 +0800https://recca0120.github.io/2020/08/05/guzzlehttp-psr7-response-get-contents-notice/GuzzleHttp Response 用 (string) 轉換每次都自動 seek(0)，但 getContents() 不會重置指標，第二次呼叫只拿到空字串，需手動 rewind。<![CDATA[GuzzleHttp Response 用 (string) 轉換每次都自動 seek(0)，但 getContents() 不會重置指標，第二次呼叫只拿到空字串，需手動 rewind。
]]>GuzzlePSR-7PHPPHPhttps://recca0120.github.io/2020/07/21/raspberry-pi-connect-bluetooth-using-command/Tue, 21 Jul 2020 14:48:18 +0800https://recca0120.github.io/2020/07/21/raspberry-pi-connect-bluetooth-using-command/樹莓派沒有桌面環境時，用 bluetoothctl 的 scan、pair、trust、connect 指令完成藍芽配對，加上 trust 指令讓下次開機自動重新連線。<![CDATA[樹莓派沒有桌面環境時，用 bluetoothctl 的 scan、pair、trust、connect 指令完成藍芽配對，加上 trust 指令讓下次開機自動重新連線。
]]>Raspberry PiBluetoothLinuxDevOpshttps://recca0120.github.io/2020/07/21/redis-connection-refused/Tue, 21 Jul 2020 14:40:39 +0800https://recca0120.github.io/2020/07/21/redis-connection-refused/升級 Redis 到 6.0 後出現 Connection refused，原因是 bind 和 protected-mode 預設值變更，修改 redis.conf 這兩個設定即可恢復連線。<![CDATA[升級 Redis 到 6.0 後出現 Connection refused，原因是 bind 和 protected-mode 預設值變更，修改 redis.conf 這兩個設定即可恢復連線。
]]>RedisDatabaseDevOpshttps://recca0120.github.io/2020/07/14/render-markdown-by-blade-template-engine/Tue, 14 Jul 2020 09:49:36 +0800https://recca0120.github.io/2020/07/14/render-markdown-by-blade-template-engine/透過 Blade addExtension 讓 .md 檔支援 @include 和變數，再交給 CommonMark 轉成 HTML，適合需要動態內容的文件系統。<![CDATA[透過 Blade addExtension 讓 .md 檔支援 @include 和變數，再交給 CommonMark 轉成 HTML，適合需要動態內容的文件系統。
]]>LaravelBladeComposerCommonMarkLaravelPHPhttps://recca0120.github.io/2020/07/06/windows-10-running-in-1g-ram/Mon, 06 Jul 2020 10:36:37 +0800https://recca0120.github.io/2020/07/06/windows-10-running-in-1g-ram/1GB 記憶體跑 Windows 10，關閉 Memory Compression、Superfetch、Defender、Ndu 等服務，用 PowerShell 指令大幅降低記憶體佔用。<![CDATA[1GB 記憶體跑 Windows 10，關閉 Memory Compression、Superfetch、Defender、Ndu 等服務，用 PowerShell 指令大幅降低記憶體佔用。
]]>WindowsWindowshttps://recca0120.github.io/2020/07/04/running-windows10-on-aws-ec2/Sat, 04 Jul 2020 11:34:00 +0800https://recca0120.github.io/2020/07/04/running-windows10-on-aws-ec2/用 VirtualBox 建立 Windows 10 VHD 映像，透過 AWS VM Import 匯入成 AMI，再啟動 EC2 執行個體，完整涵蓋 IAM 角色設定和 RDP 連線步驟。<![CDATA[用 VirtualBox 建立 Windows 10 VHD 映像，透過 AWS VM Import 匯入成 AMI，再啟動 EC2 執行個體，完整涵蓋 IAM 角色設定和 RDP 連線步驟。
]]>WindowsAWSWindowsDevOpshttps://recca0120.github.io/2020/06/25/laravel-testing-what-happens-after-a-redirect/Thu, 25 Jun 2020 12:04:22 +0800https://recca0120.github.io/2020/06/25/laravel-testing-what-happens-after-a-redirect/POST 後只拿到 302 看不到最終頁面，用 followingRedirects() 自動跟隨轉址，直接對目標頁面做 assertion，並說明與舊版的差異。<![CDATA[POST 後只拿到 302 看不到最終頁面，用 followingRedirects() 自動跟隨轉址，直接對目標頁面做 assertion，並說明與舊版的差異。
]]>LaravelPHPUnitTestingLaravelTestinghttps://recca0120.github.io/2020/06/23/laravel-testing-mock-server-variables/Tue, 23 Jun 2020 12:18:59 +0800https://recca0120.github.io/2020/06/23/laravel-testing-mock-server-variables/測試 IP 限制等依賴 $_SERVER 的邏輯時，可透過 get/post 方法的 server 參數單次傳入，或用 withServerVariables() 在整個測試方法內全域生效。<![CDATA[測試 IP 限制等依賴 $_SERVER 的邏輯時，可透過 get/post 方法的 server 參數單次傳入，或用 withServerVariables() 在整個測試方法內全域生效。
]]>LaravelTestingPHPUnitLaravelTestinghttps://recca0120.github.io/2020/06/18/laravel-eloquent-memory-leak/Thu, 18 Jun 2020 14:00:42 +0800https://recca0120.github.io/2020/06/18/laravel-eloquent-memory-leak/Eloquent 每個 Model 實例都會快取載入的 relation，大量迴圈時記憶體持續攀升，呼叫 setRelations([]) 可手動清除快取釋放記憶體。<![CDATA[Eloquent 每個 Model 實例都會快取載入的 relation，大量迴圈時記憶體持續攀升，呼叫 setRelations([]) 可手動清除快取釋放記憶體。
]]>LaravelEloquentPHPLaravelPHPhttps://recca0120.github.io/2020/06/12/redis-the-tcp-backlog-setting-of-511-cannot-be-enforced-because-/proc/sys/net/core/somaxconn-is-set-to-the-lower-value-of-128/Fri, 12 Jun 2020 14:01:07 +0800https://recca0120.github.io/2020/06/12/redis-the-tcp-backlog-setting-of-511-cannot-be-enforced-because-/proc/sys/net/core/somaxconn-is-set-to-the-lower-value-of-128/Redis 警告 TCP backlog 511 超過 somaxconn 128，連線量大時會掉線。調高 somaxconn 並寫入 sysctl.conf 讓設定永久生效。<![CDATA[Redis 警告 TCP backlog 511 超過 somaxconn 128，連線量大時會掉線。調高 somaxconn 並寫入 sysctl.conf 讓設定永久生效。
]]>RedisLinuxDatabaseDevOpshttps://recca0120.github.io/2020/06/08/laravel-create-migration-precautions/Mon, 08 Jun 2020 22:18:27 +0800https://recca0120.github.io/2020/06/08/laravel-create-migration-precautions/整理 migration rollback 常出錯的 3 種寫法：closure 混用、索引與欄位同時刪、多次 dropColumn，並用 SQLite in-memory 測試提前攔截。<![CDATA[整理 migration rollback 常出錯的 3 種寫法：closure 混用、索引與欄位同時刪、多次 dropColumn，並用 SQLite in-memory 測試提前攔截。
]]>LaravelMigrationSQLiteLaravelDatabasehttps://recca0120.github.io/2020/06/01/how-to-fix-comodo-rsa-certification-authority-ssl-error-in-php/Mon, 01 Jun 2020 18:29:17 +0800https://recca0120.github.io/2020/06/01/how-to-fix-comodo-rsa-certification-authority-ssl-error-in-php/PHP Curl 在 Linux 拋出 Comodo SSL 過期錯誤，原因是系統缺少 Root CA。用 GuzzleHttp verify 指定憑證路徑，可全域或針對單一 Service 設定。<![CDATA[PHP Curl 在 Linux 拋出 Comodo SSL 過期錯誤，原因是系統缺少 Root CA。用 GuzzleHttp verify 指定憑證路徑，可全域或針對單一 Service 設定。
]]>PHPGuzzleLaravelPHPLaravelhttps://recca0120.github.io/2020/05/29/fix-adb-server-version-does-not-match-this-client-problem/Fri, 29 May 2020 19:01:07 +0800https://recca0120.github.io/2020/05/29/fix-adb-server-version-does-not-match-this-client-problem/Mac 上 Homebrew 和 Android SDK 各裝一份 adb 導致版本衝突。移除 Homebrew 版並將 PATH 指向 SDK 即可解決。<![CDATA[Mac 上 Homebrew 和 Android SDK 各裝一份 adb 導致版本衝突。移除 Homebrew 版並將 PATH 指向 SDK 即可解決。
]]>AndroidmacOSmacOShttps://recca0120.github.io/2020/05/24/how-to-throw-a-validation-exception-manually-in-laravel/Sun, 24 May 2020 12:51:54 +0800https://recca0120.github.io/2020/05/24/how-to-throw-a-validation-exception-manually-in-laravel/呼叫外部 API 出錯時，用 ValidationException::withMessages 把錯誤包裝成 Laravel 標準驗證格式，讓前端用同一套邏輯顯示錯誤訊息。<![CDATA[呼叫外部 API 出錯時，用 ValidationException::withMessages 把錯誤包裝成 Laravel 標準驗證格式，讓前端用同一套邏輯顯示錯誤訊息。
]]>LaravelValidationPHPLaravelPHPhttps://recca0120.github.io/2017/07/23/tester-phpunit/Sun, 23 Jul 2017 12:36:38 +0800https://recca0120.github.io/2017/07/23/tester-phpunit/為 Atom 編輯器開發的 PHPUnit 套件 tester-phpunit，讓你不用離開編輯器就能執行 PHP 單元測試，告別手動切換終端機的麻煩。<![CDATA[為 Atom 編輯器開發的 PHPUnit 套件 tester-phpunit，讓你不用離開編輯器就能執行 PHP 單元測試，告別手動切換終端機的麻煩。
]]>PHPUnitPHPTestingAtomTestingPHP