Ian Chu
[email protected] | https://github.com/ianccy | https://ianccy.com 關於我 目前在 AI 軟體公司服務,負責兩個團隊的 web 開發,建立不同的前端工具,包括 component library, tracking service, JavaScript SDK。還有參與開發 Python API。 大約 6 年的前端領域工作經驗,熟悉前端的生態系以及工具,包括 webpack, next.js, rollup, cloud function,我也熟悉如何優化網頁載入速度,以及優化網頁 SEO。 經歷 Senior Frontend Engineer 2021 年 8 月 - now 開發 AI platform 產品,負責公司兩部門的前端開發作業,優化並加速開發效率。 - 開發人工智慧平台服務的使用者介面(UI)和應用程式介面(API)。處理複雜的互動和視覺化數據。 - 建立內部 component libraty,提供內部使用,提高團隊開發效率 - 優化網頁效能、載入速度,減少 resouce 33% - 重構優化產品 redux 資料流,提高開發效率 - 開發追蹤服務,追蹤 SDK 以服務每分鐘 6,200 用戶,以及使用 Node.js Cloud Function 處理每分鐘 800 個請求。 技術: 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%) 技術: React.js, JQuery, google map api, JSP 網站企劃 2014 年 10 月年 12 月 負責 台灣知識庫 公司自有的電商平台,GA 網站流量分析、SEO 優化、關鍵字廣告。 同時會編寫 JavaScript & JQuery 設計網站的互動效果、還有 CSS 網站設計調整, 優化使用者使用體驗。 - SEO專案 流量成長 300% - 痞客邦 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 tem...