PaaS 的方便，是用信任換來的：從 Zeabur 資安事件反思開發者基本功
2026 年 8 月底，台灣起家的雲端部署平台 Zeabur 發生了 Environment variable 外洩事件，攻擊者取得內部管理憑證進入資料庫，鎖定並匯出使用者的 AI API 金鑰與各類敏感憑證。 雖然收到通知信的那一刻，我手邊在 Zeabur 上的實驗專案其實早就停用了。當初有幾個自...
程式碼筆記
這裡記錄開發過程中的技術筆記、程式碼片段與最佳實踐。
語言：
透過 Is Agentic 進行部落格健檢：68 分到 93 分的過程紀錄
Is Agentic（is-agentic.com）是一套由 Vercel 推出、用來評估網站對人工智慧代理人（AI Agent）友善程度的線上稽核工具（Agent Readiness Audit）。 前陣子我曾用 Cloudflare 的 Is It Agent Ready 檢測過自己的部落格，並...
Claude Code Output Style 是什麼？從 Concise 模式談起
Claude Code 的 Output Style（輸出風格）是一組可以整包切換的預設指示，用來改動 Claude 的 system prompt。 你選了哪一種，就決定了 Claude 在整個 session 裡怎麼工作、又怎麼跟你回話：從「盡量把來龍去脈解釋清楚」到「先給結果、少講廢話」，換一...
AGENTS.md 怎麼寫？從整理 CLAUDE.md 談 Agent 指令檔的最佳實務
AGENTS.md 是一個專門寫給 AI 寫碼工具（Coding Agent）看的開放格式。它用純 Markdown 寫成，放在專案裡，負責告訴 AI 這個專案該怎麼跑、有哪些寫作慣例需要遵守。 你可以把它想成是專案的 README，只是讀者從「人類」換成了 Cursor、Codex 或 Claud...
認識 Stagehand：用自然語言操作瀏覽器的 AI 自動化框架
Stagehand 是 Browserbase 開源的 AI 瀏覽器自動化框架，讓你在程式碼裡用自然語言操作網頁：act() 執行動作、extract() 擷取結構化資料、observe() 觀察頁面上有什麼可以互動。它底層直接走 Chrome DevTools Protocol，提供 TypeSc...
pnpm 不再建議使用 Corepack 安裝
pnpm 不再建議透過 Corepack 安裝，主要有兩個原因：Corepack 會替每次 pnpm 指令加上一層 JavaScript shim，而且目前無法安裝改成原生執行檔的 pnpm 12。 今天看到 pnpm 官方在 X 上發了一句話： Please don't use corepack ...
當 AI 已經會寫 Code，工程師的價值在哪？
程式碼只是手段，工程師的價值最後還是看產出有沒有真的解決問題。如何取捨？怎麼驗收？後果誰扛？這才是核心。 從需求到實作的過程裡，每一次交棒都可能漏掉資訊，也可能因為不了解背景與領域知識，把上一棒的意思翻錯。 當團隊變大後，甚至加入 AI 的協作之後，這件事會更明顯。
看 Code 與不看 Code？在 Vibe Engineering 時代的難題
Vibe engineering 是一種由人類定義意圖、約束與驗證迴路，再讓 coding agents 大量執行實作的開發方式。它帶來的新難題是：當 AI 產生程式碼的速度遠超人類閱讀能力，我們還需要看多少程式碼，才能對交付結果負責？ 這幾天看到《Clean Code》作者 Uncle Bob（R...
Is It Agent Ready? 一個月後的 bot 流量實測
先說結論： 就這一個月的觀察下來，把網站弄成「AI 友善」，最老派的方法反而最實在。 一個月前，我把這個部落格的 agent-ready（AI 準備度）分數從 8 分刷到了 58 分。當時憑直覺做了一些設定，現在累積了 4,000 多筆數據，剛好可以回頭驗證。結果發現：當初弄得最花俏、拿最高分的那些...
讓靜態部落格對 AI Agent 更友善：Is It Agent Ready? 實測與改造紀錄
最近 Cloudflare 推出了一個有趣的小工具 Is It Agent Ready?，用來評估你的網站對 AI Agent 的友善程度。 剛好拿自己的部落格去掃了一下，分數 8 分 Not Ready，真慘。 看了一輪檢查項目，覺得有些確實值得做，就順手做了兩輪改造，最後把分數推到 58 分 L...
Claude Code Skills 與 Skill Creator：打造你的專屬 AI 工具包
用 Claude Code 一段時間之後，漸漸發現有些任務每次都要重新跟 Claude 解釋一遍背景：「我們的 commit 格式是這樣」、「記得用這個框架的慣例」、「這個專案有這些規則」。 Skills 就是為了解決這個問題而生的，讓你把這些重複的知識和流程打包起來，之後直接叫出來用就好。
為 VitePress 部落格加上 Vercel Analytics
部落格上線一陣子後，總會好奇有多少人來看、哪些文章比較受歡迎、網站跑起來順不順。 原本在考慮要不要裝 Google Analytics，但想到它那肥大的 script 和 Cookie 同意的麻煩，就覺得有點煩。 後來發現 Vercel Analytics 超輕量又不用處理 Cookie 問題，整合...
為 VitePress 部落格加上 RSS Feed 訂閱功能
晚上花了一點時間實作日語文章的切換，剛好 Cash 大就在 X (Twitter) 上敲碗問我什麼時候要加 RSS Feed XD: 想想 RSS Reader 還是追蹤部落格最方便的方式，不用每天手動檢查有沒有新文章，於是決定著手加上這個功能。 但 VitePress 本身沒有內建 RSS 功能，...
JavaScript 設計模式筆記 - SOLID 原則與 Vue.js 應用
2024 年初參加了一場 JavaScript 設計模式的讀書會，主題是討論 Addy Osmani 的《JavaScript 設計模式學習手冊》。 最近在重建部落格時，想起這場讀書會還沒留下點什麼紀錄有些可惜， 而且這種主題沒有時效問題，就決定趁這個機會整理一下當時的內容，順便 水一篇 分享給大家...
用 VitePress Rewrites 按日期整理原始 markdown
在轉移舊文章到 VitePress 部落格的過程中，遇到了一個檔案管理的挑戰，隨著部落格文章越來越多，檔案管理開始變得有點頭痛。 好幾十篇文章全部平鋪在同一個目錄下，每次想找特定時期的文章都要捲半天。 但如果把文章按日期分到子目錄，URL 又會變得很醜，重新生成 URL 也會影響 SEO。 後來發現...
第 1 / 4 頁，共 54 篇文章