❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2026. All rights reserved.
可能由於是演算法實驗室畢業的？AI 對我來說一直都不是什麼新東西，直到 ChatGPT 和 GitHub Copilot 的出現才驚嘆「哇！這是什麼酷東西，一定要好好玩一玩」。來聊聊我怎麼用 Copilot 和 ChatGPT 提升產能與加速學習好了，分幾種狀況來說明。
GitHub Copilot ChatGPT VSCode Phind 學不動了
這是我在 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