PARTNER STUDIO

Resume

stars

我是 Patrick Wang，現居台北淡水，目前是一名前端工程師 (Front-end Developer)。

  • 專注前端開發領域，主要使用 React.js 開發 SPA 網站，並使用 React Native 開發 iOS/ Android App，有上架作品。
  • 興趣是風景攝影、旅遊、看海、寫寫部落格分享知識，擁有幾個小型開源專案， 亦是多個 Open Source 專案的貢獻者（e.g., react-native、intl-tel-input、git-point (unofficial GitHub App)、detect-inapp、remotedev-server 等）。
  • 喜愛消費者向（to C）的產品，希望能致力於面對一般使用者、美觀、有趣且易用的產品前端開發。
  • 重視專案流程，擁有參與 Scrum/Kanban 敏捷開發團隊與方法的豐富經驗。
  • 個性內向慢熟，崇尚自由但不失原則，自律且自我要求高。

使用過的技術與工具

  • React.js, React Native, redux, react-router, Next.js
  • Webpack, Gulp.js, yarn, npm, Jest, Enzyme, Mocha, Chai, Appium, Unit/E2E Testing
  • CSS3, SCSS/PostCSS, RWD, RESS, SVG, Susy, HTML5, JavaScript/ES2015, jQuery
  • Python/Flask (2014 - 2016), Ruby on Rails (2013) (支援 Controller & View)
  • Sketch, Zeplin, InVision, Adobe Photoshop, Adobe Illustrator
  • Git (CLI), GitHub
  • JIRA, Redmine, Asana, Scrum/Kanban

相關連結

求職期望

  • 前端開發工作。（有堅強的前端 Team，不是 All in one、希望真心重視網站前端品質 ❤）
  • 有紀律的自組織團隊、重視品質、彈性自由、步調明快，但又有嚴謹的工作流程（如 Scrum/Kanban）
  • 消費者向（to C）的產品

Work Experience

stars
cnyes

資深前端工程師鉅亨網

鉅亨網是知名財經資訊平台，提供投資人投資理財訊息、產品及服務。我在前端部門擔任資深前端工程師， 與其他前端工程師、後端工程師、設計師、Product Owner 等角色合作。

所為何來

  • 公司重視前端產品與品質
  • 累積前端團隊合作經驗（7 名以上前端成員）
  • React Native 開發產品的機會

負責項目 與 達成項目

  • 使用 React Native 開發鉅亨網新產品（鉅亨網 App、Bitbolt 加密貨幣記帳 App），為公司及前端部門帶來更多價值
    • 團隊成員組成：1 Director、1 PM、2 Frontend、2 Backend、1 DevOps、1 Designer
    • 從 0 開始開發 Bitbolt 加密貨幣記帳 App，是一款協助投資人快速方便地管理加密貨幣損益與持倉狀況的工具型 App。
    • 開發轉型為財經社群平台的鉅亨網 App， 包含針對個股、新聞進行評論、回覆、按讚，更個人化的自選功能等特色。在 3 個月內完成第一階段功能釋出。
    • 實作 App 變色龍廣告版位與機制，為公司帶來新的營收模式。
    • 實作 App 多項功能，包含 Google 登入、CodePush 機制、社交討論功能等，以及除錯、降低Crash Rate、效能提昇、版本升級等改善， 使 App 的使用者體驗更佳、DAU 亦達到 4.6 萬人以上（YoY +120%）、MAU 超過 17 萬、每日發文數在 100 篇以上。
    • 鉅亨網 App 曾獲選為 Google Play 新聞類編輯精選 App (Oct. 2017)
    • 累積前端團隊分工合作經驗、在 Kanban 流程的快速迭代中迅速交付品質良好的產品
  • 導入前端單元測試與 E2E 測試
    • 1 個月內 survey Jest 前端單元測試並分享給前端團隊， 並亦獲邀 於社群中進行分享。 實作於 Web 與 App 產品，提昇品質信心程度
    • 研究實驗並實作 App E2E 測試，以減少繁複的手動測試，減少意外的 Crash Case
  • 累積前端團隊分工合作經驗、在快速迭代中迅速交付品質良好的產品
  • 參與 Scrum 與 Kanban team 與其所有元素 (例如 daily stand-up, sprint planning, demo meeting, retrospective 等)

相關技術與工具

  • Front-end: React.js/React Native, Redux, react-router, Isomorphic, reselect, SPA, SCSS, Webpack, ESLint, Jest, enzyme, Appium, Sketch/Zeplin, Google Analytics, A/B Testing
  • Development: JIRA, Jenkins, Git, Scrum/Kanban
2016/09 - 2018/09
gogolook

Lead Web Front-end EngineerGogolook (Whoscall)

Gogolook 是以 Whoscall 來電辨識 App 聞名的新創公司，在 2013 年底被 LINE 的母公司 Naver 收購。 我擔任 Web Team 的 Front-End Engineer，與 Planner、後端工程師，以及韓藉 UI 設計師共同合作。

所為何來

  • 自由自主的新創氛圍
  • 有機會打造廣受使用者喜愛的產品的 Web 版

負責項目 與 達成項目

  • 建立 Web 前端工具鏈與工作流程
    • 身為 Web 團隊初始成員，獨立研究並從零開始建立起網站前端開發所需之工具鏈，包含 bundle 工具、coding style、lint 等，亦撰寫為文件沿用至今
    • 曾在公司內部分享如何使用 Sketch App 改善設計與程式合作經驗， 並撰文於社群中分享
    • 除主要為前端開發外，因 Web 團隊人力短缺，亦負責撰寫一部分網站後端（Flask/Python, Controller & View）
  • 累積新創公司步調快速、跨國團隊的合作經驗
    • 與韓國、巴西等團隊進行跨國合作，實作 Whoscall 官方網站、活動網站等產品
    • 在扁平、步調快速的組織中，與 Planner、設計、後端、App、QA、行銷等部門密集合作，快速調整並交付產品
  • 實作跨平台、跨裝置的多國語言網站，調整 SEO，轉化提昇 App 下載數
    • 實作支援中文、英文、日文、韓文、泰文、葡萄牙文等多國語言的網站
    • 經 QA 部門檢驗，可支援 Chrome, Firefox, IE, Android Stock Browser, Chrome for Android, iOS Safari, Windows Phone, In-app Browser 等多種瀏覽器
    • 研究並埋設 App Indexing，帶動搜尋結果轉化至 App 下載
    • 與 Planner 研究並調整 Whoscall 電話查詢結果頁面之 SEO
  • 實作網站平台的新產品，為公司帶來新營收模式
    • 網站平台的電話號碼搜尋、店家搜尋、Whoscall Card 等產品

相關技術與工具

  • Front-end: ReactJS, Susy 2, Photoshop, SCSS/PostCSS, Mobile Web, RWD, RESS, SVG, jQuery/ES2015, Gulp.js, Webpack, Bower, ESLint, i18n, SEO, App Indexing, PageSpeed
  • Back-end: Python, Flask
  • Development: GitHub, Asana, JIRA, Slack
2014/03 - 2016/06
techbang

Front-end DeveloperT客邦 (城邦媒體控股集團 - PChome 電腦家庭)

T客邦是國內知名科技新聞網站，隸屬於城邦文化事業旗下的 PChome 電腦家庭出版集團。 當時我們的技術團隊包含 1 名後端工程師、1 名網頁設計師及 1 名前端工程師（也就是我）。

所為何來

  • 從數位行銷產業的接案生態轉換較正常、有自家產品的公司，學習應該有的流程與工具

負責項目 與 達成項目

  • T客邦系列網站的手機版優化
    • 除優化手機版的選單呈現、排版方式等項目外，更為手機版移除多餘 DOM nodes、CSS rules、JavaScript 等。 最後有效地讓 http requests 從 139 個下降到 29 個、傳輸大小從 1.5MB 減少至 324KB、載入速度從 17 秒減少至 3 秒
  • 1 個月內完成T客邦姊妹站 - 電腦王網站的實作
    • 與一名 Rails 工程師、一名網頁設計師合作。我主要負責所有 Views/Cells 及 SCSS 樣式的實作及調整

相關技術與工具

  • Front-end: CSS3, HTML5, SCSS/Compass, Bootstrap, Mobile Web, RWD, RESS, JavaScript/jQuery
  • Back-end: Ruby on Rails, MySQL
  • Development: Github, GitLab, Redmine, HipChat
  • Process: Pull Request, Code-review
2013/09 - 2014/03
iPrefer

技術部經理 & 專案工程師奇禾互動行銷

奇禾互動行銷是國內知名數位廣告代理商，承接國內企業的數位行銷網站、企業官網與實體互動等案件。

所為何來

  • 初入職場累積作品與實力、專案多元有趣、公司文化自由活潑，重視團隊合作

負責項目 與 達成項目

  • 在極趕的時程仍保持品質、交付迅速
    • 一個月內需完成 3~4 個網站與互動裝置專案以上，獨立負責前後端程式開發（JavaScript、Flash、C#.NET、MSSQL）
    • 曾於 1 個月內完成互動販賣機（Flash + Winform + PLC）產品原型機並於白蘭氏記者會上 Demo）
    • 完成逾百件專案，包含行銷活動網站、企業官網、互動裝置等專案
  • 專案品質與成效受知名企業與業界肯定
    • 包含巴黎萊雅、愛迪達、7-ELEVEn、台灣大哥大、白蘭氏、爭鮮等知名企業
    • 曾獲Yahoo! 4A 創意獎、金手指、時報華文廣告金像獎等多項數位行銷廣告獎項
  • 推動專案流程改進
    • 提倡技術部門及早參與專案會議，並提早進行技術研究與 prototype 實作、規格需求開立的標準等
    • 技術部門的專案控管、規劃（wireframe、API 文件、flowchart 等）、人力調配、技術分享等

相關技術與工具

  • Front-end: CSS, HTML5, JavaScript/jQuery, Node.js, Facebook Graph API
  • Back-end: ASP.NET (C#), Microsoft SQL Server, Stored Procedure, PHP, MySQL, IIS
2010/03 - 2013/03