- Jobs
ResumeCreate your job-winning resume using our free resume builder.
PortfolioShowcase your skills and projects with a professional portfolio.ResumeCreate your job-winning resume using our free resume builder.Resume BuilderMake a resume for free.Resume TemplatesAccess our extensive library of professional & ready-to-use templates.Resume ExamplesGet inspired by real resume examples to create your own.Occupation GuideAccess resume writing guides tailored for different professions.Resume HelpGet expert advice on all things resume from our team of recruitment specialists.- ResourcesSuccess StoriesBusiness ExcellenceAbout CakeResumeFeatured Reads
- Hire
- Download our App
CakeResume Talent Search
The Most Lightweight and Effective Recruiting Plan
Search resumes and take the initiative to contact job applicants for higher recruiting efficiency. The Choice of Hundreds of Companies.
- Browse all search results
- Unlimited access to start new conversations
- Resumes accessible for only paid companies
- View users’ email address & phone numbers
Definition of Reputation Credits
Skill Summary
- 6+ 年 HTML 使用經驗，熟悉網頁標記語言規範，且了解語意化標籤使用情境，藉此幫助提升 SEO 品質。
- 6+ 年 CSS/SCSS 使用經驗，熟悉響應式網頁設計，追求無論什麼設備畫面尺寸都應該有完整的使用者體驗。
- 6+ 年 JavaScript 使用經驗，使用過 jQuery 函式庫與大量的套件、UI 框架。
- 5+ 年 React 使用經驗，曾使用 RxJS 監聽事件，並以 Redux 或 React Context 管理資料。了解元件內部的生命週期，且懂得減少渲染次數以提高效能。
- 專案皆搭配 PropTypes 或 TypeScript，讓程式碼更有規範，提升開發效率與閱讀品質。
- 除了使用 Create React App 開啟新專案，也會視需求配置 Webpack 前端打包工具。
- 能處理跨瀏覽器的相容問題。
- 注重使用者體驗與畫面的流暢性。
- 熟悉 Git 控管版本，並以 Git Flow 流程與團隊合作。
- 使用 Visual Studio Code 作為主要開發工具，並善用擴充插件提高開發效率。
- 能夠在獨立項目中進行有效的自我管理，以及在團隊環境溝通協作。
Work Experience
八月 2021 - 十月 2022
前端工程師
Rosetta.ai
專為時尚電子商務提供消費者偏好分析以及個性化的個人化推薦，提升轉換率與顧客留存率的軟體服務。
- 主要套件專案負責人
- 使用 react & chakra 開發 SASS，依照設計圖刻劃頁面
- 使用 JavaScript 捕捉客戶網站頁面事件
- 使用 JavaScript 過濾條件、查找定位，並繪製版位插件於各式網站
- 使用 JEST / playwright 完成 end-to-end test
- 重構 SDK，提高開發者體驗（DX）
- 串接 sentry 以記錄錯誤訊息
- GTM 開發經驗
- 記錄 GA3 事件及查看 GA3 資料
- 與後端工程師商討並一同訂定資料結構
- 對內外雙語文件攥寫
- 與海外夥伴協作經驗
- 執導客戶資料遷移及升級，負責訂定遷移流程與細節規劃
- 執導植村秀品牌推薦競賽並取得該商店推薦資格
九月 2017 - 八月 2021
高級工程師
ORing Industrial Networking Corp
硬體起家為工業環境所開發的品牌，近年來致力於軟硬整合，提供物聯網一條龍服務。
- Main: React + Hooks / Redux + TypeScript
- Styles: SCSS(CSS Module) / Styled Components + Styled System
- UI frameworks: Material UI / Semantic UI / Ant Design / Fluent UI (Fabric UI)
- Chart libraries: Recharts / Bizcharts / Ant Design Pro / ApexCharts / nivo
- 串接 RESTful API & WebSocket
- 串接地圖經驗(Leaflet / Mapbox)
- 使用 Storybook 開發元件經驗
- 使用 Formik 開發表單經驗
- 自製組建框架專案並發布到 npm 供其他專案使用
- 與 UI/UX 設計師協作，遵循 Design Guide
- 與後端工程師商討並一同訂定資料結構
- 與團隊成員一起了解需求並發想產品與討論產品定位
- 技術分享(基礎切版 / 系統性設計 CSS in JS / Canvas)
- 靜態頁面切版（兒童新樂園智慧路燈面板 / 氣象站 / ORing PaaS 官網）
- 參與過多個物聯網網頁前端開發（IoT Platform / Magicity / FOTA / 桃園市智慧路燈管理平台 / Remote I/O）
・ 桃園市智慧路燈管理平台
使用 React 打造大規模路燈管理平台，介面即時呈現與更新超過“ 10 萬盞”智慧路燈狀態，使用者能夠以地圖框選的方式選取路燈，並維持流暢的使用體驗。
・ Remote I/O
體現 Mobus 複雜的設定邏輯，即時在網頁下控與接收並更新畫面，能在 Dashboard 上看到設備的各點位資料，且可一次將最多 4 組數據視覺化。
七月 2015 - 九月 2017
網頁前端工程師
Fazzo Creative
以創新的思維設計網站，擅長數位設計及網路行銷，透過數位規劃有效提昇品牌價值。
於 2015/7-2016/7 實習，而後轉正職 2016/8-2017/9。
- 使用 HTML / CSS / SCSS / JavaScript / jQuery
- 使用套件及 UI Framework(Bootstrap) 切版
- 使用 React + Redux + PropTypes
- 串接 RESTful API
- 嵌入 Google Map 並標出目標位置經驗
- 參與客戶會議了解需求
- 發想產品與討論產品定位
Education
2012 -2016
新媒體藝術學系
國立臺北藝術大學 TNUA
科技程式相關技能經驗
- HTML / CSS / JavaScript
- C#
- Objective C
- Makey Makey
- Processing
- Arduino
Projects
Rosetta Recommenders
- 設計獨有的 config，觸發繪製版位插件於各式網站
- 使用 JavaScript 過濾條件、查找定位
- 提供 SDK 給自架用戶使用
IoT Platform
威力工業網絡自有的資料平台管理介面（參與此平台前端大改版 3 次）
- TypeScript + React + React Context API + CSS Module
- 使用 Fluent UI 並依據 Style Guide 刻畫組件
- 視覺化 Dashboard（地圖 / 數字動畫）
- 串接 RESTful API
- 使用 Formik 校驗優化表單體驗
- 藉由 WebSocket 串接 MQTT 實作 Sparkplug 規範功能
桃園市智慧路燈管理平台
快速查看路燈控制器連線率，協助調整與維修路燈。
- TypeScript + React + React Context API + CSS in JS
- 使用 Material UI
- 使用 Mapbox 地圖，製作地圖圈選之功能
- 串接 RESTful API
- 串接 WebSocket 以因應即時變化資料
Remote I/O
能夠針對 Modbus 做設定，並視覺化回傳的資料。
- TypeScript + React + React Context API + CSS Module
- 使用客戶提供的純 HTML + CSS 為基底開始創建組件
- 製作最多支援 4 項資料源的線性圖表
- 串接 RESTful API，處理複雜的資料結構
- 串接 WebSocket 以因應即時變化資料
Case Jobs
Side Projects
屬於我的信用卡 Line Bot
Heroku
為了讓不同消費管道可以使用最高回饋的信用卡，自製了一款 Line Bot，裡面包含了我個人擁有的信用卡回饋資訊，可以在不知道刷哪張卡的時候快速詢問最合適的選擇！
Line Bot 計數小助手
Google Apps Script + Google sheet
為了解決生活中的小問題而製作的小幫手，從吃糖成癮而發想的機器人，僅需要每天使用同樣的貼圖來標記日期與記錄數量，進而審視及控制自己的慾望！
Skill Summary
- 6+ 年 HTML 使用經驗，熟悉網頁標記語言規範，且了解語意化標籤使用情境，藉此幫助提升 SEO 品質。
- 6+ 年 CSS/SCSS 使用經驗，熟悉響應式網頁設計，追求無論什麼設備畫面尺寸都應該有完整的使用者體驗。
- 6+ 年 JavaScript 使用經驗，使用過 jQuery 函式庫與大量的套件、UI 框架。
- 5+ 年 React 使用經驗，曾使用 RxJS 監聽事件，並以 Redux 或 React Context 管理資料。了解元件內部的生命週期，且懂得減少渲染次數以提高效能。
- 專案皆搭配 PropTypes 或 TypeScript，讓程式碼更有規範，提升開發效率與閱讀品質。
- 除了使用 Create React App 開啟新專案，也會視需求配置 Webpack 前端打包工具。
- 能處理跨瀏覽器的相容問題。
- 注重使用者體驗與畫面的流暢性。
- 熟悉 Git 控管版本，並以 Git Flow 流程與團隊合作。
- 使用 Visual Studio Code 作為主要開發工具，並善用擴充插件提高開發效率。
- 能夠在獨立項目中進行有效的自我管理，以及在團隊環境溝通協作。
Work Experience
八月 2021 - 十月 2022
前端工程師
Rosetta.ai
專為時尚電子商務提供消費者偏好分析以及個性化的個人化推薦，提升轉換率與顧客留存率的軟體服務。
- 主要套件專案負責人
- 使用 react & chakra 開發 SASS，依照設計圖刻劃頁面
- 使用 JavaScript 捕捉客戶網站頁面事件
- 使用 JavaScript 過濾條件、查找定位，並繪製版位插件於各式網站
- 使用 JEST / playwright 完成 end-to-end test
- 重構 SDK，提高開發者體驗（DX）
- 串接 sentry 以記錄錯誤訊息
- GTM 開發經驗
- 記錄 GA3 事件及查看 GA3 資料
- 與後端工程師商討並一同訂定資料結構
- 對內外雙語文件攥寫
- 與海外夥伴協作經驗
- 執導客戶資料遷移及升級，負責訂定遷移流程與細節規劃
- 執導植村秀品牌推薦競賽並取得該商店推薦資格
九月 2017 - 八月 2021
高級工程師
ORing Industrial Networking Corp
硬體起家為工業環境所開發的品牌，近年來致力於軟硬整合，提供物聯網一條龍服務。
- Main: React + Hooks / Redux + TypeScript
- Styles: SCSS(CSS Module) / Styled Components + Styled System
- UI frameworks: Material UI / Semantic UI / Ant Design / Fluent UI (Fabric UI)
- Chart libraries: Recharts / Bizcharts / Ant Design Pro / ApexCharts / nivo
- 串接 RESTful API & WebSocket
- 串接地圖經驗(Leaflet / Mapbox)
- 使用 Storybook 開發元件經驗
- 使用 Formik 開發表單經驗
- 自製組建框架專案並發布到 npm 供其他專案使用
- 與 UI/UX 設計師協作，遵循 Design Guide
- 與後端工程師商討並一同訂定資料結構
- 與團隊成員一起了解需求並發想產品與討論產品定位
- 技術分享(基礎切版 / 系統性設計 CSS in JS / Canvas)
- 靜態頁面切版（兒童新樂園智慧路燈面板 / 氣象站 / ORing PaaS 官網）
- 參與過多個物聯網網頁前端開發（IoT Platform / Magicity / FOTA / 桃園市智慧路燈管理平台 / Remote I/O）
・ 桃園市智慧路燈管理平台
使用 React 打造大規模路燈管理平台，介面即時呈現與更新超過“ 10 萬盞”智慧路燈狀態，使用者能夠以地圖框選的方式選取路燈，並維持流暢的使用體驗。
・ Remote I/O
體現 Mobus 複雜的設定邏輯，即時在網頁下控與接收並更新畫面，能在 Dashboard 上看到設備的各點位資料，且可一次將最多 4 組數據視覺化。
七月 2015 - 九月 2017
網頁前端工程師
Fazzo Creative
以創新的思維設計網站，擅長數位設計及網路行銷，透過數位規劃有效提昇品牌價值。
於 2015/7-2016/7 實習，而後轉正職 2016/8-2017/9。
- 使用 HTML / CSS / SCSS / JavaScript / jQuery
- 使用套件及 UI Framework(Bootstrap) 切版
- 使用 React + Redux + PropTypes
- 串接 RESTful API
- 嵌入 Google Map 並標出目標位置經驗
- 參與客戶會議了解需求
- 發想產品與討論產品定位
Education
2012 -2016
新媒體藝術學系
國立臺北藝術大學 TNUA
科技程式相關技能經驗
- HTML / CSS / JavaScript
- C#
- Objective C
- Makey Makey
- Processing
- Arduino
Projects
Rosetta Recommenders
- 設計獨有的 config，觸發繪製版位插件於各式網站
- 使用 JavaScript 過濾條件、查找定位
- 提供 SDK 給自架用戶使用
IoT Platform
威力工業網絡自有的資料平台管理介面（參與此平台前端大改版 3 次）
- TypeScript + React + React Context API + CSS Module
- 使用 Fluent UI 並依據 Style Guide 刻畫組件
- 視覺化 Dashboard（地圖 / 數字動畫）
- 串接 RESTful API
- 使用 Formik 校驗優化表單體驗
- 藉由 WebSocket 串接 MQTT 實作 Sparkplug 規範功能
桃園市智慧路燈管理平台
快速查看路燈控制器連線率，協助調整與維修路燈。
- TypeScript + React + React Context API + CSS in JS
- 使用 Material UI
- 使用 Mapbox 地圖，製作地圖圈選之功能
- 串接 RESTful API
- 串接 WebSocket 以因應即時變化資料
Remote I/O
能夠針對 Modbus 做設定，並視覺化回傳的資料。
- TypeScript + React + React Context API + CSS Module
- 使用客戶提供的純 HTML + CSS 為基底開始創建組件
- 製作最多支援 4 項資料源的線性圖表
- 串接 RESTful API，處理複雜的資料結構
- 串接 WebSocket 以因應即時變化資料
Case Jobs
Side Projects
屬於我的信用卡 Line Bot
Heroku
為了讓不同消費管道可以使用最高回饋的信用卡，自製了一款 Line Bot，裡面包含了我個人擁有的信用卡回饋資訊，可以在不知道刷哪張卡的時候快速詢問最合適的選擇！
Line Bot 計數小助手
Google Apps Script + Google sheet
為了解決生活中的小問題而製作的小幫手，從吃糖成癮而發想的機器人，僅需要每天使用同樣的貼圖來標記日期與記錄數量，進而審視及控制自己的慾望！