JavaScript MV* Patterns

JavaScript Patterns 讀書會 - MV* Patterns 逐字稿。

javascript patterns javascript


Tailwind CSS 到底是良藥還是毒藥?

過去在實作功能的時候,大致都切分成三部份:HTML、CSS 和 JavaScript,各自有各自的任務。HTML 負責版面與元件要怎麼安排、CSS 負責樣式呈現,以及 JavaScript 負責動作,而 CSS 會用 class 作為三者連接的橋樑。

Tailwind CSS Atomic CSS css OOCSS 學不動了


善用 GitHub Copilot 和 ChatGPT 提高產能與加速學習

可能由於是演算法實驗室畢業的?AI 對我來說一直都不是什麼新東西,直到 ChatGPT 和 GitHub Copilot 的出現才驚嘆「哇!這是什麼酷東西,一定要好好玩一玩」。來聊聊我怎麼用 Copilot 和 ChatGPT 提升產能與加速學習好了,分幾種狀況來說明。

GitHub Copilot ChatGPT VSCode AI 學不動了


2023 年度回顧

這是我在 2023 年最想聊的一些事。

年度回顧 島波海道 效能監控 Memori 減脂攻略


Pre-push Mechanism

我在推 code 之前會先跑 lint 和 unit test,確保推 code 到 remote 上的每個 commit 都是符合團隊規範並且是正確的。不過這樣的流程若靠人為確認是很麻煩也困難的,最好的方法就是能成為一種機制,來自動化幫我們處理。

pre-push pre-commit 團隊合作 team work best practice


優雅整合 Linter、Husky、Lint-Staged:寫扣看扣皆大歡喜的密技

大部份的工程師都是謹慎的,除了桌上的物品要放整齊外,寫 code 更是井井有條,例如:開頭要幾個空白還是 tab、要在哪裡斷行、一行限制多少字等,說是細節卻也是基本禮貌。

linter husky lint-staged ESLint 團隊合作


從零打造前端效能監控系統 | WebConf Taiwan 2023 逐字稿

從零打造前端效能監控系統 | WebConf Taiwan 2023 逐字稿

Sentry Cypress Web Vitals Memori Loading Performance