跳到主要內容
看社畜人生計算機的所有文章 看台灣郵遞區號查詢的所有寄件指南 看 QR Code 製造機的所有教學 看 Device Tester 的所有文章
文章
卡斯伯寫的
我自己的經驗、做工具時遇到的問題，還有開站前後的技術筆記，都寫在這裡。
我受不了 Claude Code 的側欄，所以自己做了 CODD
專案和 session 開太多，Claude Code 桌面版的側欄越來越難整理。我先做了 VS Code 擴充功能 TermDeck，再做能用手機操作的遠端版，最後合成桌面工具 CODD。
事情太多就焦慮？我用《原子時間》把時間排出來
課程、活動、簡報全擠在一起時，我很容易焦慮。後來我用《原子時間》記錄時間、把大任務拆小排進時間軸，再用《把時間買回來》看哪些事不必自己做，休息也一起排進去。
滑鼠測試能測出什麼：瀏覽器滑鼠事件看得到與看不到的
做線上滑鼠測試工具才發現，網頁只看得到瀏覽器送來的事件。這篇整理兩顆鍵同時按的坑、怎麼排除觸控與鍵盤，以及 DPI、回報率、系統雙擊速度為什麼測不到。
Emoji 組合的意思從哪來：投稿、去重、排行與檢舉機制
Emoji 組合的意思從哪來？顏文字花園先放了 168 組 emoji 組合，也開放大家投稿。這篇記錄意思怎麼寫、怎麼認出重複的組合、排行怎麼防灌票，以及投稿不先審核時，靠哪些機制擋垃圾內容。
YouTube 字幕怎麼切成句子：英文跟讀的斷句與 CEFR 分級
英文跟讀會把 YouTube 英文字幕切成一句一句，再標上 CEFR 難度。這篇用白話拆解斷句規則：句點什麼時候不算句尾、沒有標點的字幕怎麼辦、難度怎麼算，以及為什麼不給發音分數。
郵遞區號站的英文版是怎麼蓋的：官方對照檔、組合引擎與「沒有標準答案」的驗證
地址中翻英為什麼不能用猜的、怎麼在建置時接上中華郵政的路街中英對照檔、組合引擎怎麼處理難搞的地址格式，以及沒有標準答案時的三層驗證。
Cloudflare Zero Trust 安全性總覽：自架服務該設定的那幾道防線
自架服務上線後，用 Cloudflare Zero Trust 免費方案補上防線：Access 登入驗證、Gateway 網域過濾、Service Token 機器存取與稽核日誌，讓後台與 side project 不被陌生人亂連。
一款雙人線上對戰遊戲，怎麼做到全免費？技術架構全解析
拆解雙人線上戰鬥陀螺遊戲怎麼跑在 Cloudflare 免費額度內：確定性批次模擬讓伺服器只算一次，搭配 Durable Objects 的 WebSocket Hibernation，以及 Vue 3、D1 與 R2 的分工。
用 Cloudflare Tunnel 把家裡的 Mac mini 變成正式伺服器
不用租 VPS、不用固定 IP、不用開 port，用 Cloudflare Tunnel 把家裡的 Mac mini 變成對外伺服器：建立 Tunnel、安裝 cloudflared、綁定子網域，一台機器跑多個服務。
口袋工具，開站了
為什麼我把這些小工具集中成一個站？這篇說明口袋工具的定位、工具共同的原則，以及我用 Vue 3、Vite、vite-ssg、Cloudflare 與 VitePress 打造它們的方式。
用 Cloudflare Workers（Static Assets）部署靜態網站實戰
用 Cloudflare Workers 的 Static Assets 模式部署靜態網站：wrangler.jsonc 關鍵欄位、綁定自訂網域、wrangler deploy 流程，以及 SPA 與預渲染網站的 404 處理差異。
Cloudflare R2 物件儲存入門：零 egress 費用，工具站的檔案怎麼放？
Cloudflare R2 物件儲存入門：S3 相容、不收 egress 流量費，用 wrangler 建 bucket、從 Worker 綁定讀寫，並說明它和 Workers Static Assets 怎麼分工，附程式碼與設定。
把 Ubersuggest 接上 MCP，讓 AI 直接幫你做 SEO 關鍵字研究
用 MCP 把 Ubersuggest 接上 Claude，讓 AI 直接查搜尋量、難度和競品，拿郵遞區號查詢這些站上的工具當實例，附可以直接複製的 prompt。
會眨眼、會揮手、會掀桌的 Logo：拆解顏文字工具站的動態 emoji Logo
拆解顏文字工具站那顆會眨眼、揮手、掀桌的動態 emoji Logo：用 span 逐字拼出顏文字、純 CSS @keyframes 做動畫、每 3.2 秒輪播換臉，附關鍵程式碼與 SSR 注意事項。
用 GitHub Actions 把 Node.js 專案自動部署到 VPS（PM2 實作）
用 GitHub Actions + SSH + rsync + PM2，讓 Node.js 專案 push 之後自動部署到 VPS，從 SSH 金鑰、GitHub Secrets 到 workflow 設定一次講清楚。
JavaScript 物件迴圈怎麼跑？Object.keys / values / entries 一次搞懂
物件沒有 forEach、map 可以用？用白話搞懂 Object.keys、Object.values、Object.entries 三種把物件轉成陣列的迴圈手法，以及實戰怎麼選，從此不必再寫 for...in。
用 nvm 管理 Node.js 版本：Mac 與 Windows 一次搞定
手把手安裝 nvm（Node Version Manager），在 Mac 與 Windows 上自由切換 Node.js 版本，解決團隊環境不一致與 command not found 等常見問題。
各工具的指南
寄掛號、算特休、做 QR Code、驗滑鼠之前常查的事，整理在那個工具底下的文章裡。每組我挑了 3 篇，點標題會直接到那篇文章。
工作與錢
勞工權益、請假與離職，也有存錢和房貸的觀念。
寄件與地址
信封怎麼寫、掛號怎麼領、包裹怎麼寄到國外。
文字與符號
Emoji 和顏文字的意思、由來與用法。
- Emoji 是什麼？由來、Unicode 標準，以及它在各家手機為什麼長得不一樣
- 森77、8+9、ㄏㄏ 是什麼意思？台灣網路用語與搭配的 emoji
- 愛心 emoji 顏色意思：12 色愛心各代表什麼，送給誰比較安全
圖片與 QR Code
QR Code 怎麼做、怎麼印，證件照要多大。
裝置檢測
滑鼠鍵盤怎麼驗、怎麼清，按鍵代碼怎麼查。
我做工具時寫下的製作筆記，以及各工具裡的使用指南，整理在這一頁。主題由我決定，文字照編輯方針訂下的規則，由我和 AI 開發工具協作完成。