❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2025. All rights reserved.
運算資源 (Compute Service)。
Lambda Serverless AWS Architecting on AWS Amazon Web Services
Account Security。
IAM Architecting on AWS AWS Amazon Web Services Serverless
AWS Modules 與基礎設施。
Architecting on AWS AWS Amazon Web Services CloudFormation CloudFront
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 公路車 健身 高蛋白料理