Ian Chu Blog : https://ianccy.com 關於我 目前是在 AI 軟體服務公司負責前端開發,負責橫跨兩個團隊的前端部分,使用技術為 React.js。 六年前,家人的招牌生意需要架設網站,所以就開始摸索 Web 的領域,最後做出了宣傳用的網站,我也轉換領域到網頁前端。 因有行銷工作經驗,擅長 SEO 優化,另外也對 Google Analytics、GTM 有一定理解。 喜歡處理複雜的前端互動程式,或是 SEO。 前端: HTML / CSS / JavaScript / React / SEO 後端: Node.js / Next.js 經歷 Senior Frontend Engineer 2021 年 8 月 - now 開發 AI platform 產品,負責公司兩部門的前端開發作業,優化並加速開發效率。 - 獨立負責核心 ai 產品網頁前端開發 - 建立 open source 工具,提供內部使用,提高團隊開發效率 - 優化網頁效能、載入速度,減少 resouce 1/3 size - 重構優化核心產品,提高開發效率 - 建立追蹤服務 , tracking library 以及 api,滿足每分鐘 600 request 技能: React.js, Typescript, Ant Design 前端工程師 2018 年 5 月年 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 月年 4 月 擔任 窩牛網 房屋買賣平台前端工程師,網站的前台、後台開發任務,同時支援後端撰寫 Controller、JSTL、JSP。 - 使用 React 建構頁面 - 串接 Google Map API、Google App Script API - Local storage、Cookie、Session Storage 處理瀏覽紀錄、使用者未登入紀錄 - 撰寫符合各瀏覽器的 JavaScript ( IE開發可重複用前端元件模組 - 優化處理 SEO,Google Analytics、Hotjar 追蹤設定 - 優化產品頁加快載入效能 ( GA 檢視近100%) - 整體流量 SEO 成長 ( GA 檢視 入站搜尋成長 近85%) 團隊使用 SCRUM 開發 使用 GIT 版本控制 網站企劃 2014 年 10 月年 12 月 負責 台灣知識庫 公司自有的電商平台,GA 網站流量分析、SEO 優化、關鍵字廣告。 同時會編寫 JavaScript & JQuery 設計網站的互動效果、還有 CSS 網站設計調整, 優化使用者使用體驗。 - SEO專案 流量成長 3倍 - 痞客邦 Blog Vailla JavaScript &CSS 網頁修改 - 活動頁面撰寫 Mockup 處理成畫面 Decanter ( Mobagel ) AI 軟體服務平台 使用者可上傳資料,並且調整期望的設定建立訓練Model,並且使用 Model 來進行資料預測。 處理複雜的資料驗證,以及資料視覺化。 前端技術主要為 React.js, Redux, Socket.IO, Styled-component, Antd, webpack 網頁內容編輯器 ( Feversocial ) 網頁網頁編輯器,讓使用者能簡易的架構設計出網頁,所見即所得的操作風格 維運 server side 部分,前端部分功能開發 ( Froala-Editor, Image lambda Resize, Redis ),頁面載入效能優化 page speed。 前端技術為 React.js, Redux, React-intl, glamor, Express, Next.js 此服務主要需要搜尋流量導入,所以以 Next.js 開發,並搭配 Redis 做 cache 處理。 Form 編輯器 ( Feversocial ) 以 React.js 開發新產品,產品功能為表單填表服務。 前端技術為 React.js, Redux, React Router, Redux-thunk, react-i18next, emotion, ESlint, Jest 技術為靜態頁面部署,頁面狀態依賴 API 產生,因為頁面主要是軟體服務,業務面上不需要依賴搜尋流量,進而減少不必要的效能負擔 ( SSR Sever、 cache )。 活動編輯器 ( Feversocial ) 以 React.js 翻新舊產品頁面編輯畫面、優化操作,搭配 Material ui 架構前端團隊可複用的模組。 前端技術主要為 React.js, Redux, React Router, Redux-thunk, react-i18next, emotion, ESlint Blog 使用 Gatsby 建立 static page 搭配 tailwinds 以及 typescript 開發 gatsby template Blog: Link
Full-time / Interested in working remotely