教學文章

辦公室報帳、學校作業繳交、客戶簽署文件 — 多張照片要整理成一份 PDF 是日常剛需。但「圖片轉 PDF」聽起來簡單,卻有不少坑:HEIC 開不開、A4 還是 Letter、多張排版怎麼省紙、邊距會不會被印表機切掉。這篇用我們的 `image-to-pdf` 工具當範例,把這些細節一次講清楚,讀完直接用純前端方式做完,**檔案不離開瀏覽器**。

把圖片「編進」HTML / CSS / JSON 內聯傳輸 — Base64 是過去 15 年前端工程師最常用的圖片打包方式。但什麼時候該 inline、什麼時候會反而拖累效能?Data URI 到底是什麼?Email 圖片為什麼一定要 inline?這篇用我們的 `image-base64` 工具當範例,釐清 Base64 的真實用途與避開三個典型誤用。

你的 prompt 「夠不夠塞」「要花多少錢」「會不會超 context window」— 這三個問題每個 AI 應用開發者都被 PM 問過。但 OpenAI / Anthropic / Google 三家算 token 的方式都不一樣,中英文比例差更多。這篇用我們的 `token-counter` 工具當範例,拆解 token 估算的真實邏輯、5 大模型的成本對照、實戰省 token 的 3 個技巧。

畫流程圖最痛的不是畫,是「畫完之後改」。Lucidchart 拖一次 button、Excalidraw 重畫一次 box,每次需求變更都重來一輪。**Mermaid 用純文字描述圖表**,版本控制、git diff、跨人協作全部解決。這篇用我們的 `mermaid-editor` 工具當範例,把 7 種圖表的語法、3 個踩過的坑、跟 GitHub / Notion / Confluence 的整合方式講清楚。

「我傳照片給你但你說打不開?」這對話在 iPhone vs Android / Windows 用戶間每天上演 100 萬次。**HEIC 是 Apple 從 iOS 11 開始的預設拍照格式**,壓縮率比 JPG 好但相容性差。這篇拆解 HEIC 的設計初衷、什麼時候該轉 JPG、批次轉檔的 3 個方法、以及保留 EXIF metadata 的細節。

JWT(JSON Web Token)是過去十年最普及的無狀態身分驗證標準,但也是 OWASP Top 10 中最常被誤用的協定之一。從 QA 角度,理解 JWT 結構才能真正設計出有效的安全測試案例。

regex 是 QA / SRE / 後端工程師每天用、但永遠覺得自己不夠熟的東西。這篇整理我這幾年遇過真正會用到的進階技巧,以及那些「為什麼我的 regex 把瀏覽器卡死」的真實案例。

寫 E2E 自動化測試最痛的不是寫 step,是 selector 三天兩頭就壞。這篇整理我看過、寫過、修過的所有 selector 套路,以及 Playwright 為什麼推 role-based locator。

QA / SRE 跑出第一批壓測結果,通常第一個問題是:「這數字到底正常嗎?」這篇從實作角度說明為什麼業界把百分位數當作 SLO 的核心,以及怎麼解讀。

在金融科技、電商、政府專案做 QA,大量資料測試是日常 — 但用真實資料測試在 GDPR / 個資法下是違規的。這篇講為什麼需要假資料、台灣官方校驗演算法怎麼算,以及這些資料在 QA 流程的真實應用。