❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2025. All rights reserved.
Cypress + Docker + Chromatic ❤️
visual testing Docker Chromatic Cypress 自動化測試
利用 Chromatic + Storybook 來做 Component-Level 的 Visual Testing。
visual testing Chromatic Storybook Percy Mixtini
視覺測試 (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