專職網頁前端工程師,熱愛研究網頁上各種新的技術與動態效果,偏執的以使用者研究者角度研究身邊事物,習慣的拍下生活中各種美麗的事物
Taipei City, Taiwan
JavaScript Vue.js TypeScript SASS CSS3
股市爆料同學會(https://www.cmoney.tw/forum/popular/buzz)
- 帶領三人團隊開發與維護 Cmoney 最高流量的專案 股市爆料同學會
- 使用Nuxt.js框架SSR架構開發與維護論壇性質網站
- 使用WebSocket 實現即時股價與實現聊天室功能
- 實作圖文編輯器功能,讓專欄文章的作者們能更有效的快速上稿
- 優化團隊合作方法與工作流程
- 制定 code review 流程並動態修正流程
- 與專案團隊合作協助分析需求和拆解需求商業邏輯並提供各種解決辦法
- 規劃整體系統架構需重構的項目,並按照優先級與重要度拆分,與迭代的方式分期完成
- 完整重現設計師的視覺設計與與互動效果,且實作具維護性和擴展性的元件
- 介面規劃是用 Scss + BEM 規劃響應式網頁
- 使用前端技術提升網站效能及提供出色的用戶體驗
課程影音後台
- 使用NX建立Monorepo架構
- 使用Vue.js框架SPA架構開發影音後台
- 介面規劃是用 Scss + BEM + Tailwind css的樣式架構
- 前端測試框架使用Jest
三月 2022 - 四月 2023
- 跨團隊進行協作,協助分析需求和拆解需求商業邏輯並提供各種解決辦法
- 規劃整體系統架構,以迭代的方式拆分功能並規劃分期完成
- 完整重現設計師的視覺設計與與互動效果,且實作具維護性和擴展性的 UI component library
- 介面規劃是用 Scss + 部分bootstrap + BEM 規劃響應式網頁
- 使用前端技術提升網站效能及提供出色的用戶體驗
- 使用前端技術提供SEO優化方法如:語意化HTML標籤、規劃結構化資料
八月 2020 - 二月 2022
使用Nuxt.js框架按照SSR架構下建構各個元件
因應新聞的即時性與時效性進而開發推播功能,使用 firebase cloud messaging 來實作
開發會員頁面與社群平台帳戶一鍵登入功能,使用firebase auth來實作各社群平台串接,使用vuex來做資料的傳遞與登入狀態判斷
為了加速行動裝置的使用體驗進而開發 AMP (Accelerated Mobile Pages) 加速行動版網站
追蹤使用者網站使用足跡進而於每個頁面埋下 GTM code, 進而達成可於GA觀察網站使用狀態
CSS class 設計模式使用 BEM
建構結構化資料增強網頁的 SEO
九月 2019 - 六月 2020
維護既有平台系統:
替舊有模組增加新的判斷與新增元件
接收客戶修改內容:
修改樣式與資料修改
開發新UI介面模板:
主要使用Vue.js框架按照既有SPA架構下開發元件與維持網頁響應式以及瀏覽器相容性
重構既有介面模組:
由於元件初期設計與規劃現今越來越難以維護,故將舊有元件重新解構與設計
三月 2018 - 八月 2019
使用Vue.js 開發與維護Richart數位銀行APP
開發 AI投資基金組合列表與風險量評頁面
維護 APP各頁面
十二月 2017 - 二月 2018
使用原型鏈撰寫會員權限功能
使用JQuery 的 extend + appear + TimelineMax 製作基本動畫套件
製作模組化元件供企劃選擇與產出活動頁面(類似UI Kits)
確保網站符合RWD響應式
三月 2017 - 十一月 2017
專職網頁前端工程師,熱愛研究網頁上各種新的技術與動態效果,偏執的以使用者研究者角度研究身邊事物,習慣的拍下生活中各種美麗的事物
Taipei City, Taiwan
JavaScript Vue.js TypeScript SASS CSS3
股市爆料同學會(https://www.cmoney.tw/forum/popular/buzz)
- 帶領三人團隊開發與維護 Cmoney 最高流量的專案 股市爆料同學會
- 使用Nuxt.js框架SSR架構開發與維護論壇性質網站
- 使用WebSocket 實現即時股價與實現聊天室功能
- 實作圖文編輯器功能,讓專欄文章的作者們能更有效的快速上稿
- 優化團隊合作方法與工作流程
- 制定 code review 流程並動態修正流程
- 與專案團隊合作協助分析需求和拆解需求商業邏輯並提供各種解決辦法
- 規劃整體系統架構需重構的項目,並按照優先級與重要度拆分,與迭代的方式分期完成
- 完整重現設計師的視覺設計與與互動效果,且實作具維護性和擴展性的元件
- 介面規劃是用 Scss + BEM 規劃響應式網頁
- 使用前端技術提升網站效能及提供出色的用戶體驗
課程影音後台
- 使用NX建立Monorepo架構
- 使用Vue.js框架SPA架構開發影音後台
- 介面規劃是用 Scss + BEM + Tailwind css的樣式架構
- 前端測試框架使用Jest
三月 2022 - 四月 2023
- 跨團隊進行協作,協助分析需求和拆解需求商業邏輯並提供各種解決辦法
- 規劃整體系統架構,以迭代的方式拆分功能並規劃分期完成
- 完整重現設計師的視覺設計與與互動效果,且實作具維護性和擴展性的 UI component library
- 介面規劃是用 Scss + 部分bootstrap + BEM 規劃響應式網頁
- 使用前端技術提升網站效能及提供出色的用戶體驗
- 使用前端技術提供SEO優化方法如:語意化HTML標籤、規劃結構化資料
八月 2020 - 二月 2022
使用Nuxt.js框架按照SSR架構下建構各個元件
因應新聞的即時性與時效性進而開發推播功能,使用 firebase cloud messaging 來實作
開發會員頁面與社群平台帳戶一鍵登入功能,使用firebase auth來實作各社群平台串接,使用vuex來做資料的傳遞與登入狀態判斷
為了加速行動裝置的使用體驗進而開發 AMP (Accelerated Mobile Pages) 加速行動版網站
追蹤使用者網站使用足跡進而於每個頁面埋下 GTM code, 進而達成可於GA觀察網站使用狀態
CSS class 設計模式使用 BEM
建構結構化資料增強網頁的 SEO
九月 2019 - 六月 2020
維護既有平台系統:
替舊有模組增加新的判斷與新增元件
接收客戶修改內容:
修改樣式與資料修改
開發新UI介面模板:
主要使用Vue.js框架按照既有SPA架構下開發元件與維持網頁響應式以及瀏覽器相容性
重構既有介面模組:
由於元件初期設計與規劃現今越來越難以維護,故將舊有元件重新解構與設計
三月 2018 - 八月 2019
使用Vue.js 開發與維護Richart數位銀行APP
開發 AI投資基金組合列表與風險量評頁面
維護 APP各頁面
十二月 2017 - 二月 2018
使用原型鏈撰寫會員權限功能
使用JQuery 的 extend + appear + TimelineMax 製作基本動畫套件
製作模組化元件供企劃選擇與產出活動頁面(類似UI Kits)
確保網站符合RWD響應式
三月 2017 - 十一月 2017