前端工程師，喜歡蒐集明信片、設計簡單的小物、旅遊和看電影。
這裡紀錄了我的學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2022. All rights reserved.
MOPCON 逐字稿
October 24, 2021 Core Web Vitals Web Vitals SEO 搜尋引擎優化 效能調校 MOPCON Firebase Performance Firebase Image Optimization Lighthouse Loading Performance lighthouse-cli sharing 加載效能 圖片最佳化 趨勢科技 Trend Micro Real User Monitoring Synthetic Monitoring 打造高速網站，從網站指標開始！全方位提升使用者體驗與流量的關鍵 Mixtini · 留言
Tipping Point Front-End Case Study and Practice: CSS
June 24, 2021 Tonic Styled UI styled-system styled-components BEM CSS Modules CSS in JS css Modern Web Loading Performance Responsive Web Design 響應式網頁 加載效能 趨勢科技 Trend Micro sharing · 留言
參加 91 Unit Testing 單元測試實戰操練營的簡單筆記。
March 29, 2021 單元測試 Unit Test 自動化測試 Jest 趨勢科技 Trend Micro sharing · 留言
本文說明 Lighthouse 以使用者為出發點來探討效能的指標。
September 7, 2020 Lighthouse Web Vitals Core Web Vitals 效能調校 Loading Performance 加載效能 RAIL sharing Synthetic Monitoring active monitoring Real User Monitoring passive monitoring 趨勢科技 Trend Micro · 留言
本文主要由此投影片「Start your app the better way with Styled System」之講稿改寫。本文會從 CSS 歷史開始談起，接著會來看過去我們在使用元件庫上遇到的問題，以及怎麼使用 Styled System 來解決這些問題。
February 25, 2020 styled-system styled-components BEM CSS Modules CSS in JS css End-to-End Testing Media Query Modern Web Loading Performance Responsive Web Design react.js webpack 自動化測試 響應式網頁 加載效能 sharing · 留言
利用 Styled System 建立一個更好的 UI 元件庫！
November 30, 2019 styled-system styled-components OOCSS BEM SMACSS CSS Modules CSS in JS css Bootstrap Critical Rendering Path End-to-End Testing Loading Performance Media Query Modern Web Rendering Performance Responsive Web Design react.js webpack 加載效能 效能調校 自動化測試 轉譯效能 關鍵轉譯路徑 響應式網頁 sharing 趨勢科技 Trend Micro · 留言
本文會先從為何要做表單狀態管理說起，接著看目前市面上有哪些好的表單函式庫和條列挑選原則，並探討三個表單函式庫 Redux Form、React Final Form、Formik & Yup，最後做比較和總結。
April 30, 2019 react.js react.js form redux virtual dom sharing · 留言
本篇文章主要是將去年底今年初參加「2018 iT 邦幫忙鐵人賽」與後續在 VueJS 台灣 meetup 201803@五倍紅寶石所分享的文件做收納整理。
March 26, 2018 Nightwatch Nightwatch101 Selenium Selenium WebDriver End-to-End Testing 鐵人賽 2018鐵人賽 自動化測試 sharing · 留言
這篇文章將我到目前為止的 SEO 相關操作整理為搜尋引擎優化指南 (SEO Guideline)，它是一套針對搜尋引擎優化網站的執行準則，每個崗位執行特定的工作即可讓網站有一定的效果，並且這樣的優化過程是可以被評估、回饋與持續改進的；而系統化的實行也有助於將有限資源做最大利用，以得到最好的效果，例如：提高點閱率、排名等。
May 17, 2014 SEO 搜尋引擎優化 結構化資料 複合式摘要 關鍵字經營 資訊架構 標籤系統 RSS sitemap social meta tags structured data rich snippets social plugin sharing · 留言