Avatar 💻

recca0120 技術筆記

Software Developer / 技術筆記

  1. 首頁
  2. 彙整
  3. 分類
  4. 標籤
  5. 搜尋
  6. Showcase
  7. 關於我
    1. 夜晚模式

紀錄

2026 67
2024 3
2023 11
2022 13
2020 15
更多

分類

PHP Laravel DevOps Testing Frontend Database AI Tools Python MacOS

標籤雲

Laravel Php Testing TypeScript Javascript Ai-Agent Claude-Code PHPUnit Python SQLite Composer Linux Aws Blade Cloudflare Developer-Tools Devops Docker Guzzle Macos
Featured image of post 掃完三個月 Claude Code 帳單,社群在傳的省錢建議大多沒效
AI

掃完三個月 Claude Code 帳單,社群在傳的省錢建議大多沒效

$127K 等價成本、127K turns、四個模型、三個月。把自己當資料集驗證後,「長 session 是元兇」「skill 太多」這些常見直覺被數據打臉,真正能省的只有兩條。

2026 年 4 月 26 日
English
Claude-Code Prompt-Caching Ai-Agent Cost-Optimization
Featured image of post 再掃 12 天,Claude Code sub-agent cache TTL 已連續 17 天 100% 5m——這不是 regression,是新預設值
AI

再掃 12 天,Claude Code sub-agent cache TTL 已連續 17 天 100% 5m——這不是 regression,是新預設值

4/14 我報告 5 連天 sub-agent 100% 5m,結論留在「持續觀察」。今天 4/26 再掃,連續變 17 天、15,727 個 API call、0 個 1h 寫入。Anthropic 把主 issue 關了沒解決,社群一片火。

2026 年 4 月 26 日
English
Claude-Code Prompt-Caching Ai-Agent Python
Featured image of post Node.js spawn 子行程 stdout 被截斷:六個方案比過,只有寫檔有用
DevOps

Node.js spawn 子行程 stdout 被截斷:六個方案比過,只有寫檔有用

Node.js spawn 大量輸出的 CLI,最後幾 KB 在 process.exit() 時消失。比較 6 種解法後,唯一可靠的純 stdlib 跨平台方案是把 stdout fd 直接接到檔案。

2026 年 4 月 26 日
English
Node.js Stdio Spawn
Featured image of post 把 AI 生的網頁從「能用」升級到「有設計感」:web-design-skill 導讀
Frontend

把 AI 生的網頁從「能用」升級到「有設計感」:web-design-skill 導讀

導讀 ConardLi/web-design-skill:用反陳腔濫調清單、oklch 色彩、預先宣告 design system、v0 草稿等規則,把 AI 生網頁從同質化美學救出來。

2026 年 4 月 25 日
English
Claude-Code Ai-Agent Design Oklch
Featured image of post MinerU 實測:把 PDF 論文變成 RAG 吃得下的 Markdown
AI

MinerU 實測:把 PDF 論文變成 RAG 吃得下的 Markdown

餵 PDF 給 LLM 最痛的就是公式、表格、雙欄排版被拆爛。我用 MinerU 2.5 把一份多欄學術 PDF 轉成 Markdown,公式變 LaTeX、表格變 HTML、閱讀順序也對,CPU 模式就跑得動。

2026 年 4 月 24 日
English
MinerU PDF RAG OCR LLM
Featured image of post React Compiler 不自動做的 3 件事:從 512ms 降到 6ms 的實戰
Frontend

React Compiler 不自動做的 3 件事:從 512ms 降到 6ms 的實戰

我以為開了 React Compiler 就不用手動 memo,結果切 tab 卡 512ms。用 Profiler 抓出 3 個 compiler 邊界:子 component 邊界、prop capture 的 identity 意圖、setInterval 動畫 state,附更多日常會遇到的範例。

2026 年 4 月 21 日
English
React React-Compiler Performance Profiler TypeScript
Featured image of post AI Agent 時代為什麼更需要好測試:Fake + MSW 的 agent-friendly 特性
Testing

AI Agent 時代為什麼更需要好測試:Fake + MSW 的 agent-friendly 特性

前三篇系列文講的 Fake + MSW + 共用測試 infra,對 Claude Code 這類 AI agent 幫助特別大。整理五個具體優勢:快速回饋、訊號可信、範本可學、refactor 安全、context 省用。

2026 年 4 月 20 日
English
Testing Claude-Code AI
Featured image of post Monorepo 跨層共用 HTTP Mock:外部 API 不適合用 Fake 時的方案
Testing

Monorepo 跨層共用 HTTP Mock:外部 API 不適合用 Fake 時的方案

前兩篇講了用 Fake 處理內部 service,但外部 HTTP API 不適用這套。介紹怎麼在 monorepo 裡用 MSW / msw-fetch-mock 做同一份 HTTP mock 從前端測到後端,與 Fake 互補。

2026 年 4 月 20 日
English
Testing MSW Vitest TypeScript Monorepo
Featured image of post Monorepo 跨層共用 Fake:一份測試替身從前端用到後端
Testing

Monorepo 跨層共用 Fake:一份測試替身從前端用到後端

在 monorepo 裡,前端、後端、業務邏輯各寫一套 mock 是重複勞動且容易行為不一致。這篇示範怎麼設計共用的 Fake,讓同一份測試替身從 React component 測到 API route 再到 service layer。

2026 年 4 月 20 日
English
Testing Vitest TypeScript Monorepo
Featured image of post DI + Fake + in-memory:寫出能長期維護的前端測試
Testing

DI + Fake + in-memory:寫出能長期維護的前端測試

介紹依賴注入、Fake 和 in-memory 實作三位一體的測試設計。用 FakeStorageService 的實例說明為什麼 Fake 比 Mock 好維護,以及怎麼寫一個可重用、可信賴的 in-memory Fake。

2026 年 4 月 20 日
English
Testing Vitest TypeScript
1 2 3 4 5 11
© 2020 - 2026 recca0120 技術筆記
recca0120 on GitHub
使用 Hugo 建立
主題 Stack 由 Jimmy 設計