關於我
目前是在 AI 軟體服務公司負責前端開發，負責橫跨兩個團隊的前端部分，使用技術為 React.js。
六年前，家人的招牌生意需要架設網站，所以就開始摸索 Web 的領域，最後做出了宣傳用的網站，我也轉換領域到網頁前端。
因有行銷工作經驗，擅長 SEO 優化，另外也對 Google Analytics、GTM 有一定理解。
喜歡處理複雜的前端互動程式，或是 SEO。
前端: HTML / CSS / JavaScript / React / SEO
後端: Node.js / Next.js
經歷
Senior Frontend Engineer 2021 年 8 月 - now
Mobagel frontend developer
獨立負責核心 ai 產品網頁前端開發
子產品線由 0 到 1 開發
建立 open source 工具，提供內部使用，提高團隊開發效率
優化網頁效能、載入速度，減少 resouce 1/3 size
技能: React.js, Typescript, Ant Design
前端工程師 2018 年 5 月 - 2021年 8 月
擔任 發燒互動 前端工程師，負責 SaaS 產品開發、維運
產品、內部業務用後台功能開發
開發維運 server side render 服務，優化 SEO
以 React.js 翻新活動架設產品，並開發新模組功能
開發 Form 表單產品，提供客戶使用解決 google form 難以追蹤 GA 問題
開發企業串接點數扣點功能、多元登入、Liff 串接
模組化並擴產客製化功能文字編輯器 Froala Editor
優化頁面載入速度 ( pagespeed 29 分 -> 69 分 )
處理 SEO 優化相關專案
參與新產品由零到有開發
前端: React.js / Redux
後端: Node.js / Next.js
處理追蹤數據: Tag Manager、Google Analytics
前端工程師 2016 年 12 月 - 2018 年 4 月
擔任 窩牛網 房屋買賣平台前端工程師，網站的前台、後台開發任務，同時支援後端撰寫 Controller、JSTL、JSP。
使用 React 建構頁面
串接 Google Map API、Google App Script API
Local storage、Cookie、Session Storage 處理瀏覽紀錄、使用者未登入紀錄
撰寫符合各瀏覽器的 JavaScript ( IE9+ )
開發可重複用前端元件模組
優化處理 SEO，Google Analytics、Hotjar 追蹤設定
優化產品頁加快載入效能 ( GA 檢視近100%)
整體流量 SEO 成長 ( GA 檢視 入站搜尋成長 近85%)
團隊使用 SCRUM 開發
使用 GIT 版本控制
網站企劃 2014 年 10 月 - 2016 年 12 月
負責 台灣知識庫 公司自有的電商平台，GA 網站流量分析、SEO 優化、關鍵字廣告。
同時會編寫 JavaScript & JQuery 設計網站的互動效果、還有 CSS 網站設計調整，
優化使用者使用體驗。
SEO專案 流量成長 3倍
痞客邦 Blog Vailla JavaScript ＆CSS 網頁修改
活動頁面撰寫 Mockup 處理成畫面
Github Repo Search
串接 github api，處理 virtual scroll 解決 list 過大問題，以及 Infinite scroll api 載入資料，並且建立 hit rate manager，處理 api 請求次數上限管理。
前端技術主要為
React.js, Material-UI, emotion, ESlint
source code 連結： github source code
前公司專案
網頁內容編輯器
網頁網頁編輯器，讓使用者能簡易的架構設計出網頁，所見即所得的操作風格
維運 server side 部分，前端部分功能開發 ( Froala-Editor, Image lambda Resize, Redis )，頁面載入效能優化 page speed。
前端技術為
React.js, Redux, React-intl, glamor, Express, Next.js
此服務主要需要搜尋流量導入，所以以 Next.js 開發，並搭配 Redis 做 cache 處理。
Form 編輯器
以 React.js 開發新產品，產品功能為表單填表服務。
前端技術為
React.js, Redux, React Router, Redux-thunk, react-i18next, emotion, ESlint, Jest
技術為靜態頁面部署，頁面狀態依賴 API 產生，因為頁面主要是軟體服務，業務面上不需要依賴搜尋流量，進而減少不必要的效能負擔 ( SSR Sever、 cache )。
活動編輯器
以 React.js 翻新舊產品頁面編輯畫面、優化操作，搭配 Material ui 架構前端團隊可複用的模組。
前端技術主要為
React.js, Redux, React Router, Redux-thunk, react-i18next, emotion, ESlint
