在 React + Canvas 的圖片標注工具加入觸控支援時，Chrome DevTools 手機模擬全部正常，放到真正的 iPhone 上卻完全不動。這篇記錄在 iOS Safari 處理 Canvas 觸控事件踩過的坑，包含 touch-action: none 不可靠、React 合成事件 passive 限制、click 不觸發的 cursor: pointer 陷阱、crypto.randomUUID 相容性問題，以及最終用原生 Pointer Events 搭配條件式 preventDefault 的解法。
iOS Safari Canvas 觸控事件踩坑紀錄｜React Pointer Events 與 preventDefault 實戰
MarkItDown 教學｜微軟開源文件轉 Markdown 工具，LLM 與 RAG 必備
MarkItDown 是微軟開源的 Python 工具，能將 PDF、Word、Excel、PowerPoint、圖片、音訊、HTML 等超過 29 種格式轉換成 Markdown。對於需要建立 RAG 知識庫、餵資料給 LLM 分析、或是批次處理大量文件的開發者來說，MarkItDown 提供了簡單的 CLI 與 Python API，幾行程式碼就能完成轉換，還支援 OCR 與語音轉文字等進階功能。
MacBook Pro M2 Pro 跑 Gemma 4 實測｜Apple Silicon 本地 LLM
在 MacBook Pro M2 Pro 16GB 上用 Ollama 跑 Gemma 4 到底有多快？跟 RTX 3070 8GB 相比誰贏？這篇把 Apple Silicon 統一記憶體架構放進本地 LLM 的實戰對比，從 TPS、TTFT、長 prompt 塞滿 128K context 一路測到 Ollama 對 e2b 偷偷開 thinking 的 bug 跨平台重現，並給出 num_ctx 跟真實 prompt 長度兩個容易被混淆的觀念說明，幫筆電族開發者找到本地 LLM 的實用上限。
Gemma 4 E2B vs E4B 完整實測｜Thinking 模式的祕密與本地小模型最佳實踐
Gemma 4 的 E2B 和 E4B 兩個邊緣模型誰比較強？參數較小的 E2B 反而比 E4B 慢 10 倍是怎麼回事？這篇用 RTX 3070 跑了完整的 TPS、TTFT、品質對比 benchmark，並追到 Ollama renderer 層級找出 thinking 模式預設啟動的真相，順便整理本地小模型最佳實踐與 thinking、temperature、top_k、top_p 等參數說明。
本地跑 Claude Code 實戰｜Ollama + Gemma 4 + RTX 3070 使用心得與踩坑筆記
想用本地 LLM 跑 Claude Code 省下雲端 API 費用？這篇分享在 Windows 11 + RTX 3070 8GB VRAM 上用 Ollama 接 Gemma 4 跑 Claude Code 的真實心得，包含安裝流程、Context length 設定、中文輸入只回英文的怪事、settings.json 被覆蓋的踩坑經驗，以及本地小模型真正適合做什麼自動化任務。
Regular Expression 正規表達式完整教學｜從零開始到進階實戰指南
Regular Expression（正規表達式）是開發者必備的文字處理技能。這篇教學從最基本的字元比對開始，一步步帶你理解 Character Class、Quantifier、Anchor、Group、Lookahead 等核心概念，搭配 Email 驗證、台灣手機號碼比對、Log 解析等實戰範例，涵蓋 JavaScript、Python、Java、grep、sed 等多語言用法，最後附上完整語法速查表。
Mermaid 語法教學｜用文字畫流程圖、循序圖、甘特圖，AI 時代高效的圖表工具
Mermaid 是一套用類似 Markdown 的純文字語法來畫圖的工具，支援流程圖、循序圖、類別圖、狀態圖、甘特圖、ER 圖、圓餅圖、心智圖等常見圖表，GitHub、Notion、HackMD 都能直接渲染。這篇文章從基本語法開始，搭配實際範例帶大家認識每一種圖表的畫法，還能搭配 AI 快速產出專業圖表。
Google Gemma 4｜多模態開源模型大更新，手機 1.5GB 就能跑、電腦端效能翻倍再翻倍
Google DeepMind 發佈 Gemma 4 開源模型家族，採用 Apache 2.0 授權，提供 31B Dense、26B MoE、E4B、E2B 四種尺寸。31B 在 Arena AI 排名開源模型第三，26B MoE 只用 3.8B 參數就達到接近表現。支援圖片、影片、語音多模態輸入，原生 function calling 與 agent 工作流，E2B 僅需 1.5GB 記憶體就能在手機和 Raspberry Pi 上跑。
Claude Code 終端機指令安全判斷教學｜選擇 Allow 還是 Deny 的實用指南｜Codex Gemini CLI 也通用
使用 Claude Code 的時候，它經常會跳出一段指令問你要不要執行，但如果你不熟終端機，根本看不懂那串文字在做什麼，也不知道該按 Allow 還是 Deny。這篇文章會教你快速看懂指令的結構，並用紅燈、黃燈、綠燈分類法，幫你判斷 Claude Code 想執行的指令是否安全，從讀取檔案、安裝套件到 Git 操作，每一類都會告訴你該注意什麼。
Claude Code 原始碼意外洩漏｜512,000 行程式碼揭露的架構、Bug 與隱藏功能
2026 年 3 月底，Anthropic 在發佈 Claude Code npm 套件時意外夾帶了 source map 檔案，導致 512,000 行 TypeScript 原始碼全部曝光。安全研究員與開發者迅速從中挖出 token 消耗過快的 autocompact bug、Permission system 安全漏洞，以及 KAIROS 常駐代理、BUDDY AI 寵物等隱藏功能。這篇文章整理洩漏的原因、原始碼揭露的架構設計、已知 Bug、爭議功能。