❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記,歡迎交流 (*´∀`)~♥
© 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 微前端