❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2024. All rights reserved.
可能由於是演算法實驗室畢業的？AI 對我來說一直都不是什麼新東西，直到 ChatGPT 和 GitHub Copilot 的出現才驚嘆「哇！這是什麼酷東西，一定要好好玩一玩」。來聊聊我怎麼用 Copilot 和 ChatGPT 提升產能與加速學習好了，分幾種狀況來說明。
January 16, 2024 GitHub Copilot ChatGPT VSCode Phind 學不動了 AI CS50 ESLint GitHub code review · 留言
我在推 code 之前會先跑 lint 和 unit test，確保推 code 到 remote 上的每個 commit 都是符合團隊規範並且是正確的。不過這樣的流程若靠人為確認是很麻煩也困難的，最好的方法就是能成為一種機制，來自動化幫我們處理。
December 12, 2023 pre-push pre-commit 團隊合作 team work best practice git GitHub 職涯 · 留言
大部份的工程師都是謹慎的，除了桌上的物品要放整齊外，寫 code 更是井井有條，例如：開頭要幾個空白還是 tab、要在哪裡斷行、一行限制多少字等，說是細節卻也是基本禮貌。
August 29, 2023 linter husky lint-staged ESLint 團隊合作 team work code review best practice WebConf Taiwan git GitHub 職涯 · 留言
「Visual Testing」MOPCON 2022 逐字稿，歡迎搭配投影片與範例一同服用。
October 15, 2022 visual testing Storybook Percy MOPCON Mixtini Cypress Chromatic 自動化測試 打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵 視覺測試 visual regression testing Unit Test Jest Integration Test GitHub Actions GitHub End-to-End Testing cypress.io CI/CD 端對端測試 整合測試 單元測試 趨勢科技 Trend Micro pull request sharing · 留言
視覺測試 (visual testing) 是指利用工具自動檢測 UI 變更的一種測試方式。過去我們檢視 UI 的變更，常用的方法大致是 (1) 人眼 (截圖) 比對，比較本次更新與上一版或 mockup 的差異；(2) 工具 diff 由 unit test 或各種測試所產生的快照 (snapshot test)。但這兩種方式都無法很直覺很明確的在第一時間告訴我們到底改了什麼？若能產生指定頁面或元件的圖檔，並且標註更新的部份，這樣在 review 的時候，就更省時更便利了。
February 26, 2022 Percy Storybook visual testing Cypress 視覺測試 自動化測試 GitHub Actions visual regression testing CI/CD End-to-End Testing 端對端測試 讀書會 cron job cypress.io GitHub 閱讀筆記 Cypress 讀書會 · 留言
由於最近發現團隊內（到底從哪兒來的）的工程師會開始提交一些不知所云的提交描述，因此開始讓專案使用「約定式提交」（conventional commits）。
March 16, 2021 conventional commits code review semantic versioning 約定式提交 GitHub git pull request 語意化版本 · 留言
每天我都要被 code review 很多次，而如何準備 code review 時需要的內容與心態呢？這篇文章是我閱讀 Google 的「The CL author’s guide to getting through code review」的筆記還有自己的小感想。
December 10, 2020 code review pull request GitHub 閱讀筆記 · 留言