❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2024. All rights reserved.
這是我在 2023 年最想聊的一些事。
年度回顧 島波海道 效能監控 Memori 減脂攻略
我在推 code 之前會先跑 lint 和 unit test，確保推 code 到 remote 上的每個 commit 都是符合團隊規範並且是正確的。不過這樣的流程若靠人為確認是很麻煩也困難的，最好的方法就是能成為一種機制，來自動化幫我們處理。
pre-push pre-commit 團隊合作 team work best practice
大部份的工程師都是謹慎的，除了桌上的物品要放整齊外，寫 code 更是井井有條，例如：開頭要幾個空白還是 tab、要在哪裡斷行、一行限制多少字等，說是細節卻也是基本禮貌。
linter husky lint-staged ESLint 團隊合作
從零打造前端效能監控系統 | WebConf Taiwan 2023 逐字稿
Sentry Cypress Web Vitals Memori Loading Performance
在自動化測試前端效能時，可能會考慮的解法有：(1) Lighthouse CI Action 或 web-vitals library + 丟到某個地方做資料儲存和 dashboard；另一個解法是 (2) 利用 Cypress + Sentry 來取得相關資訊並做呈現。這篇文章會針對 Cypress + Sentry 這個解法做說明，並比較兩種解法。
Sentry Cypress End-to-End Testing GitHub Actions Lighthouse
剛好最近在找個能進行效能監控的工具，在考量是否能有效記錄與追蹤特定指標和錯誤、整合、即時通知與 self-hosted 後，決定使用 Sentry 來協助團隊進行效能與錯誤的監控。
Sentry Loading Performance Real User Monitoring Web Vitals passive monitoring
本文主要會談如何利用 Firebase 來部署與託管微前端專案，分為幾個部份：(1) 建立 Firebase 專案；(2) 建立 Firebase 設定檔；(3) 部署與託管；(4) 自動化部署；(5) 總結。
Firebase Firebase Hosting GitHub Actions Micro Frontends 微前端