周新捷

Sr. Frontend Engineer


五年網頁開發經驗,追求使用者體驗的前端工程師。
熟悉 JavaScript ES2015+ 與 React,後端熟悉 Ruby 與 Node.js。
  • Frontend
  • JavaScript, TypeScript
  • React, Vue, webpack
  • Backend
  • Node.js, Express.js

Sr. Frontend Engineer
2018/03 - present

17 Media

  • 建立 VIP 用戶訂單系統,負責需求訪談、操作流程規劃、UI 設計與前端開發
    • 該系統經手 80% 公司營收,服務橫跨台灣、美國、日本的營運部門
    • 重新設計後的 UI,極大的減低錯誤發生的頻率
  • 為三年的專案建立持續整合,改善測試、統一測試環境與簡化測試流程,並撰寫教學文件幫助團隊學習測試
  • 建立 Staging 環境的部屬流程,使多個團隊的開發流程能並存於同一個專案
  • 起草 GraphQL Schema 的開發慣例,與五人的後端團隊討論後實行在日常開發中
  • 率先使用 Apollo GraphQL 進行開發,發展高效、可測試、可維護的開發方式,並推廣至團隊內部
  • 升級底層套件,包括 React v15 到 v16、Babel v6 到 v7,且無任何錯誤出現於正式環境
Tech Used
  • JavaScript (ES2015+)
  • React
  • Apollo GraphQL
  • Node.js
  • webpack
  • Jest

Frontend Engineer
2015/12 - 2017/03

我印 commandp Inc.

  • 使用 React Native 開發 App,並進行效能優化,包括加快首頁開啟速度、內容緩存、延後載入、開發圖片緩存套件以及改進動畫效果的流暢度
  • 使用 React 與 Express 建立統一的行動版結帳頁面,避免在多個平台(iOS, Android, Web)開發重複功能
  • 使用 React 與 Canvas 開發客製商品的 SDK,並撰寫文件以及協調廠商技術問題,該 SDK 被中國最大的禮物網站「禮物說」選用
  • 建立使用 React 開發專案的相關規範與指引,使團隊內部開發有所依據,內容包括語法規範、專案結構、狀態管理建議作法以及如何撰寫測試
  • 致力於推動團隊工作效率,建立 git、程式碼審查流程,並開發工具輔助流程的建立
  • 使用 Jenkins 為多個前端專案建立持續整合與持續部署,內容包括規劃流程、撰寫腳本到環境建置
Tech Used
  • JavaScript (ES2015), CoffeeScript
  • React
  • React Native
  • Redux
  • webpack
  • Mocha
  • Ruby on Rails

Ruby on Rails Developer
2014/08 - 2015/10

布魯貝克科技

  • 開發與維護 Ruby on Rails 系統,以物件導向概念設計應用程式
  • 將既有的 Node.js 系統移植到 Ruby on Rails,重新設計 RESTful API 架構
  • 使用 React.js 與 Flux 開發 Single Page Application
  • 建置 ElasticSearch 搜尋系統
  • 日常部署與架設日誌管理系統
  • 改進 CSS 組織方式,建立統一的命名風格與模組化 CSS 架構
  • 美化與改進使用者介面,設計 Responsive Web Design
  • 使用 Sketch 繪製 APP 產品原型
Tech Used
  • SASS
  • React
  • Ruby on Rails
  • RSpec and Minitest
  • PostgreSQL
  • AWS (EC2, RDS, S3, SNS, EB)
  • Elasticsearch

Web Developer
2013/07 - 2014/06

宏鼎資訊

  • 擔任專案負責人,與其它公司合作在三個月內開發線上課程平台,供 12 所大學助教訓練使用,獨立開發帳號管理系統,供北市 7 所學校使用
  • 以 OAuth 2.0 協定建置授權平台(Provider)
  • 公司產品教育訓練講師
Tech Used
  • Java
  • JSP
  • Android
  • PHP
  • CodeIgniter
  • HTML5 JavaScript CSS
  • OAuth 2.0

菜色 Dish Color
2015/02

ALPHA Hackathon 2015 (百人參賽得到第二名)

分析料理的顏色,幫助使用者選擇今晚要下廚的菜色。

在團隊裡負責網站風格規劃、開發前端介面及使用者後台。

Tech Used
  • Ruby on Rails
  • Gauguin
  • SVG

Ruby 讀書會    主辦人
2015 - 2016

每兩週舉辦一次,聚集對 Ruby 有熱情的夥伴,主要目標是深入了解 Ruby。

書目:Metaprogramming Ruby、Practical Object-Oriented Design in Ruby、Rails 4 Test Prescriptions

Rails Girls Taipei 4th/ 5th/ 6th    教練
2014

軟體工程學系學士 國立高雄師範大學
2009 - 2013