Avatar 💻

recca0120 技術筆記

Software Developer / 技術筆記

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

紀錄

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

分類

PHP Laravel Testing DevOps Frontend AI Database Tools Python DevTools

標籤雲

Testing Laravel Php Claude-Code Typescript Ai-Agent Javascript Python PHPUnit Sqlite Composer AI Linux Prompt-Caching Vitest AWS Blade Cloudflare Developer-Tools Devops
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
Featured image of post GitButler:重新設計 Git 操作體驗的現代版本控制工具
DevOps

GitButler:重新設計 Git 操作體驗的現代版本控制工具

GitButler 是一個基於 Git 的版本控制介面,支援平行分支、疊加分支、無限復原和 AI 整合。不用切換分支就能同時處理多個任務,拖拉就能完成 commit 管理,專為現代開發工作流程設計。

2026 年 4 月 17 日
English
Git GitButler
1 2 3 4 5 6 12
© 2020 - 2026 recca0120 技術筆記
recca0120 on GitHub
使用 Hugo 建立
主題 Stack 由 Jimmy 設計