❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2026. All rights reserved.
視覺測試 (visual testing) 是指利用工具自動檢測 UI 變更的一種測試方式。過去我們檢視 UI 的變更，常用的方法大致是 (1) 人眼 (截圖) 比對，比較本次更新與上一版或 mockup 的差異；(2) 工具 diff 由 unit test 或各種測試所產生的快照 (snapshot test)。但這兩種方式都無法很直覺很明確的在第一時間告訴我們到底改了什麼？若能產生指定頁面或元件的圖檔，並且標註更新的部份，這樣在 review 的時候，就更省時更便利了。
Percy Storybook visual testing Cypress 視覺測試
這是我在 2021 年最值得聊聊的幾件事 (*´∀`)~♥
年度回顧 MOPCON 公路車 健身 高蛋白料理
導讀《打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵》逐字稿@新竹敏捷
Web Vitals 效能調校 打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵 Core Web Vitals SEO
關於這本書「打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵」的點點滴滴。
MOPCON 逐字稿
MOPCON Web Vitals 打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵 Core Web Vitals SEO
Pendo 是用來追蹤與蒐集使用者行為來做分析的工具，除了資料的蒐集與分析外，滿多團隊都會利用 Pendo Guides 來公告產品的新功能、引導使用者完成一系列的操作。而且 Pendo Guides 是利用自身的編輯器 Pendo Designer 來實作各種 guides，不需要寫任何一行程式碼或更動產品既有流程與功能，非常便利。
Pendo Guides Pendo user behavior tracking
記錄 10 個最近做的高蛋白/減醣/減糖甜點 😋，內含蛋糕 🍰、布丁 🍮、果凍 🥝 🍅、冰淇淋 🍧、鬆餅 🥞、餅乾 🍪、湯品 🥣 開始學做甜點以後，才發現愛吃的零食熱量高、營養價值低，不是什麼健康的東西 😂 還是自己做比較安心。
高蛋白料理 甜點 生活 DIY 減醣