Avatar 💻

recca0120 技術筆記

Software Developer / 技術筆記

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

紀錄

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

分類

PHP Laravel DevOps Frontend Testing Database Tools AI Python MacOS

標籤雲

Laravel PHP Testing Javascript PHPUnit Python Sqlite TypeScript Ai-Agent Claude-Code Composer Linux AWS Blade Cloudflare Developer-Tools Devops Docker Guzzle MacOS
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
Featured image of post 2026 年用 Cloudflare Tunnel:不開 port、不買 IP,把本機服務推上公網
DevOps

2026 年用 Cloudflare Tunnel:不開 port、不買 IP,把本機服務推上公網

Cloudflare Tunnel 讓你從本機建立對外連線就能把 localhost 推上自己的網域,不需要開防火牆、不需要公網 IP。整理 2026 年最新的 remotely-managed tunnel 流程、Zero Trust Access 存取控制,以及和 ngrok、Tailscale Funnel 的取捨。

2026 年 4 月 14 日
English
Cloudflare Tunnel Zero-Trust Networking
Featured image of post 掃了 95 天的 Claude Code 日誌,發現 Anthropic 還有第二波 cache TTL silent regression
AI

掃了 95 天的 Claude Code 日誌,發現 Anthropic 還有第二波 cache TTL silent regression

社群在罵 Anthropic 3/6 偷改 cache TTL,但只看別人的 billing 不夠。我掃自己 95 天的 Claude Code 原生日誌,精準復現 3/6 那波 regression,並發現 4/9 起 sub-agent 100% 被降到 5m TTL—社群還沒人報告過的第二波。

2026 年 4 月 14 日
English
Claude-Code Prompt-Caching Ai-Agent Python
Featured image of post Claude Code 的 session 開太久很浪費 token?一個多數人搞錯的成本模型
AI

Claude Code 的 session 開太久很浪費 token?一個多數人搞錯的成本模型

很多人以為 Claude Code session 開太久會浪費 token,於是頻繁 /clear。但因為 prompt caching 給 10% 的價格折扣,頻繁 clear 反而更貴。拆解真正影響成本的三個變數。

2026 年 4 月 13 日
English
Claude-Code Prompt-Caching Ai-Agent Cost-Optimization
Featured image of post chezmoi:用一份 dotfiles 打通 macOS、Linux、Windows 三個作業系統
DevOps

chezmoi:用一份 dotfiles 打通 macOS、Linux、Windows 三個作業系統

chezmoi 是 Go 寫的 dotfiles 管理工具。用 Go template 處理機器差異、用 age 加密私密檔、用 run_onchange 自動裝套件。我跨三個作業系統同步 dotfiles 用的方法整理。

2026 年 4 月 13 日
English
Chezmoi Dotfiles Age Go
Featured image of post zoxide:讓 cd 有記憶,打兩個字就跳到常用目錄
DevOps

zoxide:讓 cd 有記憶,打兩個字就跳到常用目錄

zoxide 是一款 Rust 寫的 smart cd,用 frecency 演算法記住你常去的目錄。搭配 --cmd cd 直接取代原生 cd,再配 fzf 做互動式選擇,終端導航變成打兩個字就到。

2026 年 4 月 13 日
English
Zoxide Fish Terminal Productivity
1 2 3 4 5 10
© 2020 - 2026 recca0120 技術筆記
recca0120 on GitHub
使用 Hugo 建立
主題 Stack 由 Jimmy 設計