Qymlqmtk4udrh3yuifa1

Ian Chu

前端工程師

Email: [email protected]  

Blog: ian chu

關於我


目前是在 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

Profile 06 00@2x

前公司專案

網頁內容編輯器

網頁網頁編輯器,讓使用者能簡易的架構設計出網頁,所見即所得的操作風格


維運 server side 部分,前端部分功能開發 ( Froala-Editor, Image lambda Resize, Redis ),頁面載入效能優化 page speed。


前端技術為

React.js, Redux, React-intl, glamor, Express, Next.js


此服務主要需要搜尋流量導入,所以以 Next.js 開發,並搭配 Redis 做 cache 處理。


Profile 06 00@2x

Form 編輯器

以 React.js 開發新產品,產品功能為表單填表服務。


前端技術為

React.js, Redux, React Router, Redux-thunk, react-i18next, emotion, ESlint, Jest


技術為靜態頁面部署,頁面狀態依賴 API 產生,因為頁面主要是軟體服務,業務面上不需要依賴搜尋流量,進而減少不必要的效能負擔 ( SSR Sever、 cache )。

Profile 06 00@2x

活動編輯器

以 React.js 翻新舊產品頁面編輯畫面、優化操作,搭配 Material ui 架構前端團隊可複用的模組。


前端技術主要為

React.js, Redux,  React Router, Redux-thunk, react-i18next, emotion, ESlint

Profile 06 00@2x
Powered By CakeResume