Avatar 💻

recca0120 技術筆記

Software Developer / 技術筆記

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

紀錄

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

分類

PHP Laravel Testing DevOps Frontend Database Tools AI Python MacOS

標籤雲

Laravel Php Testing JavaScript TypeScript PHPUnit Python SQLite Ai-Agent Claude-Code Composer Linux Aws Blade Cloudflare Developer-Tools Devops Docker Guzzle MacOS
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
Featured image of post clipboard.js 包成 Promise:一個 function 搞定瀏覽器相容問題
Frontend

clipboard.js 包成 Promise:一個 function 搞定瀏覽器相容問題

navigator.clipboard 在本機開發(非 HTTPS)和 iOS Safari 上常常失效。用 clipboard.js 包裝成統一的 Promise 介面,讓 fallback 對呼叫端透明,接到任何框架都一樣用法。

2026 年 4 月 16 日
English
Clipboard.js JavaScript TypeScript
Featured image of post 用 Overmind 管理本機多服務:比 foreman 好用在哪
DevOps

用 Overmind 管理本機多服務:比 foreman 好用在哪

介紹 Overmind 這個 Procfile 流程管理器,整合 tmux 讓每個 process 可以獨立連線、單獨重啟,解決 foreman 的 log 截斷和顏色問題,適合 Rails、全端開發的本機開發環境。

2026 年 4 月 16 日
English
Overmind Tmux Procfile Rails
Featured image of post 打開 analytics.google.com 卻看到 Laravel Valet 憑證?根本原因與修復方法
DevOps

打開 analytics.google.com 卻看到 Laravel Valet 憑證?根本原因與修復方法

在本機開發環境用 Laravel Valet,卻在瀏覽器看到外部網站(如 analytics.google.com)顯示 Valet 自簽憑證。整理這個問題的完整成因——dnsmasq 洩漏、nginx catch-all、瀏覽器憑證快取——以及逐步排查與修復的方法。

2026 年 4 月 15 日
English
Laravel-Valet Ssl Nginx Dnsmasq MacOS
Featured image of post React Compiler 1.0 + Vite 8:@vitejs/plugin-react v6 拆掉 Babel 之後,正確的安裝方式
Frontend

React Compiler 1.0 + Vite 8:@vitejs/plugin-react v6 拆掉 Babel 之後,正確的安裝方式

React Compiler 2025 年 10 月 1.0 stable,但 @vitejs/plugin-react v6 同時把內建 Babel 換成 oxc,舊的 react({ babel: {...} }) 寫法在 Vite 8 已經不能用。整理 2026 年正確的安裝流程、ESLint 設定、漸進導入策略。

2026 年 4 月 14 日
English
React React-Compiler Vite Performance
Featured image of post git worktree:一個 repo 同時開多份工作目錄,也是 AI agent 並行開發的關鍵
DevOps

git worktree:一個 repo 同時開多份工作目錄,也是 AI agent 並行開發的關鍵

用 git worktree 避開 stash + branch switch 的切換成本,讓 hotfix、code review、長測試、多個 AI agent 並行跑在同一個 repo。整理常用指令、bare repo 模式,以及 2024–2026 新增的 relative paths 支援。

2026 年 4 月 14 日
English
Git Worktree Productivity Ai-Agent
1 2 3 4 5 11
© 2020 - 2026 recca0120 技術筆記
recca0120 on GitHub
使用 Hugo 建立
主題 Stack 由 Jimmy 設計