余玟霈 Brook

5 年的前端經驗,特別喜歡排版與互動。 

居住於台灣高雄,並且暫時不打算離開,目前遠端至台北工作。

負責,樂於與人群互動,可獨立開發。

在現任公司的中大型專案中主持部分模組的開發,協助團隊內部運作同時與主管一同面試新進同仁。

也曾在小型新創公司兼職過專案管理職位,負責協調人員、與客戶溝通、構思設計、訓練新進人員等。 

喜歡參與社群,2018 年開始籌備一年一度的 MOPCON。

認為身為工程師必須要持續地學習下去。 

Github[email protected]

前端技能
  • Javascript / CSS / HTML
  • SCSS / LESS / BEM 
  • JQuery / Pug(Jade)
  • React.js / React Native
  • Redux / redux-saga / redux-thunk
  • WebSocket / RESTful API
  • CRA / dva.js / Next.js
  • Webpack / Gulp 
  • Bootstrap / Ant design / Material-UI / tailwindcss
  • RWD / 無障礙設計 / 基本美感
慣用工具
  • Sublime Text 3 /  Visual Studio Code
  • ESLint / Airbnb JS code Style 
  • Git / Hg / SourceTree / Bitbucket / Github / Gitlab
  • Trello / Redmine
  • firebase Realtime Database / Authentication

工作經歷

聯合智網股份有限公司,資深前端工程師,2020/11 ~ 現在,公司規模約 100 人

  • 前端團隊約 10 人,在高雄遠端至台北工作。
  • 負責開發公司的中大型主要產品,主持其中數個模組的開發、維護與重構
  • 除了開發外並協助優化團隊內部運作(包含 issue tracking、新人訓練計畫),與主管共同面試新進人員。
  • 主要專案為電商營運整合系統,技術採用 React.js、Dva.js、Umi.js、Ant design、Formik、Yup、LESS...等,含有大量的資料處理、複雜表單操作(60 + 欄位數量)。
  • 藉由重構主要的通路整合模組,減少了約 70% 的開發與維護時間。

紫克科技有限公司,前端工程師,2019/4 ~ 2020/10,公司規模約 5 人

  • 負責公司的 IoT 低程式碼開發平台 (Low-code development platform)前端撰寫,後接手專案管理職務,負責協助老闆排定專案時程、回報進度等。
  • 技術採用 React.js、React Native。含有大量使用拖拉、動畫等互動介面設計。
  • 含有大量的資料呈現介面。產品非常重視使用者介面的友善度與自由度,因此有大量以往較難接觸到的特殊介面製作,比如可完全自定義的系統儀表板、藉由 canvas 繪製出的畫布......等。

先進醫資股份有限公司,前端工程師,2018/1 ~ 2019/3,公司規模約 25 人

  • 團隊內唯一的網頁前端,負責公司部分產品醫療系統前端撰寫與協助團隊開發。
  • 參與前後端分離的轉型期。參與多國語系網站製作。開始嘗試增強過去不夠熟悉的周邊技能:學習 Pug(Jade)、寫 Markdown、用自己設定 Webpack 打包程式碼、使用其他的 React start kit、更多手刻 CSS。並用 Zeplin 及 Invision 與設計師合作。
  • 樂於與設計師一起討論關於介面構成與產品的設計風格,也在公司中導入共筆形式的開發會議分工。

千夏資訊股份有限公司,前端工程師,2015/8 ~ 2017/12,公司規模約 5 人

  • 負責公司承接的專案系統管理後台的網頁前端撰寫,並支援 APP ,後增加負責專案管理,需與客戶溝通、人力調度、文件撰寫、人員訓練等。
  • 採用 React.js、React Native、Dva.js、Ant design。因團隊分工比較模糊,需與客戶協調、釐清問題,並自行構思絕大多數的畫面。
  • 參與公司大部分專案的開發,包含短期活動網站前後端、APP 與網站整合的企業解決方案、政府外包等。

福光科技股份有限公司,PHP 全端工程師,2013/8 ~ 2015/8,公司規模約 30 人

  • 公司內的資訊部門約 5 人。
  • 負責建置官方網站,包含使用者於官網上編輯個人化印刷品後產出圖片供生產端使用。

主要專案經歷

Paragraph image 01 00@2x

買賣 - 電商營運整合系統

  • 幫助實體商家轉型電商,提供多通路上架整合、訂單彙整、進銷存管理等。 
  • 負責主持庫存、通路等模組開發、維護以及重構。
  • 含有複雜的表單交互,與因應而生的效能調整。

Paragraph image 05 00@2x
Paragraph image 05 01@2x

紫克物聯網整合平台

  • 整合各情境與各家設備的物聯網平台。提供優異的自由度與友善介面,可以自行拖拉修改成符合需求的呈現外觀。
  • 負責主要開發,可完全自定義的系統儀表板、畫布,以及公式產生器等周邊的相關功能。

Paragraph image 01 00@2x

MSCHEDULER - 雲端排診系統

  • 提供給小型診所的整合性服務。包含線上預約、醫師排班、診所首頁等。
  • 負責前端刻版,包含 RWD,主要使用 gulp、SCSS、bootstrap 等。

持續學習

進修

國立聯合大學資訊管理系學士 98~102 (畢業)。

且戰且走地在前端路上邁進,自覺基礎不足後開始嘗試看書或自費上課以補進系統性知識。 


MOPCON

因為大部分任職過的公司都只有一位前端,怕被困在井底所以開始參與社群。

以會眾身份參加過幾個研討會,在過程中發現自己特別喜歡一群人分工完成一件事的參與感及成就感而決定參加籌備。 長期在 MOPCON 內負責議程相關的工作:

  • 2021 年擔任副總召
    • 協同規劃年度大會產品
    • 負責協調大會內的不同組別,進度追蹤。
  • 2020 年擔任議程組長
    • 主持壓軸議程論壇。
    • 帶領 10 位組員組織大會議程。
  •  2019 年擔任議程組副組長


// TODO: 學習新東西

未來目標熟悉更多軟硬技術與理論,想在實戰上寫寫測試,整理先前留下的筆記,並持續消化買比看更快的書堆。

Paragraph image 00 00@2x ebb59a6d9adb03673d06762584bb6a0cc401a7cc4bd081bb82ce6f841d95aa2b
Paragraph image 00 00@2x ebb59a6d9adb03673d06762584bb6a0cc401a7cc4bd081bb82ce6f841d95aa2b