20228343_1583704031648766_901290889462431891_n.jpg

王奕恆


你好, 我是一個前端工程師,主要以網頁前端及 node.js 開發為主,目前也有接觸app 端的開發,以 flutter 做跨平台的開發應用。目前我在 Digital Finance Group 擔任資深前端工程師,在前端領域也已累積一定開發經驗,我的職責範疇包括需求功能的分析和規劃、既有功能的優化、解決問題以及程式碼審查。


我也熱衷於研究前端的技術,會在網路社群或 github 中吸收新知或參與討論,或是購買網路影音課程學習來不斷精進自己的技能並將這些知識應用於工作和個人練習中。


此外,我對投資也抱有濃厚的興趣。考慮到 Mac 上缺乏台股相關的桌面程式,我在閒暇時開發了一個台股篩選的桌面應用程式。這個應用程式在我的朋友圈中廣受好評。我也積極地探索人工智慧的應用,透過 chatgpt 等工具的協助,使我的工作更加高效。 


期待有機會能夠在新的挑戰和項目中展示我的技能和熱情。 

謝謝。

[email protected]

工作經歷

Digital Finance Group, 2021 Feb - Now

  • 現有專案維護、功能調整及效能優化
    • 專案使用 react.js 做開發
    • 負責現有網站的維護與功能調整,並進行效能優化以及程式碼的優化工作
  • 舊專案翻新架構
    • 使用 Flutter 技術,將現有的 H5 網頁重構成手機應用程式,提升使用者體驗
  • 參與新網站的開發及 app 的開發
  • 負責指派工作任務給其他前端團隊成員,確保項目進度和品質
  • 協助前端同仁解決技術難題

Ics game tech, Jul 2021 - Feb 2022

  • 舊專案翻新架構
    • 現有專案是使用 vue.js,為了首屏載入更快跟專案顯示元件、功能邏輯、狀態儲存及共用函式等拆分以利維護方便,所以使用 nuxt.js 進行重構。
  • 現有專案維護、功能調整及效能優化
    • 優化 vue.js 組件效能及易用性。
    • 現有功能邏輯優化,使用 es6 之後的特性,優化迴圈及篩選過濾邏輯,簡化程式碼。
    • 使用 lightlouse 分析網站效能,並針對加載較久項目作改善,減少載入時間,例如從原本載入 2~3 秒變成 0.5 秒上下。
  • 活動頁切版及特效
  • 技術分享

CMoney, 2021 Mar - Jun 2021

  • 建立相關規範(unit test, e2e test 規範建立與教學)
  • CI |CD 導入(使用 github actions)
  • 效能監控工具開發
    • 使用 node.js 開發排程 function,定時監測所有網站效能,根據設定條件發 teams bot 通知。
  • 協助專案同仁問題排解
  • 協助提升資淺同仁能力(技能評核與回饋)
  • 協助面試及回饋
  • 技術分享

昇銳電子, Dec 2020 - Mar 2021 

  • 車隊管理系統 web
    • 前端框架使用 angularjs 開發,並用 openstreetmap 開發在即時車輛位置及車輛歷史軌跡的相關應用。

博裕科技|德克互聯科技, Dec 2017 - Aug 2020 

  • 既有網站翻新
    • 使用 next.js framework(react + redux) 重構五個不同品牌 angular 專案整合成一個 react 專案
    • graphql api 開發與介接
    • 優化 react.js 組件效能及易用性
  • 新網站開發
    • 使用 next.js, apollo client, react hook, styled-component 開發網頁前端
    • 使用 node.js, typescript 實作後端 graphql apollo server 建置及 api 功能與介接
    • 使用 nest.js 建置後端 server 及 restful api 開發與介接
    • aws lambda function 排程開發
    • 使用 docker 及 aws fargate, xray, ecs, eks 等建置雲端微服務系統
    • unit test 撰寫

QNAP 威聯通科技, Oct 2015 - Dec 2017 

  • 桌面應用程式轉檔工具開發 
    • 轉檔工具是我一人負責,使用 electron.js 作為開發桌面應用程式工具,因組件化的優點所以在畫面呈現上使用 react.js 來開發,資料流程則是使用 redux,每一次的操作行為在資料變化上便能輕易追蹤。
    • 音樂音軌分析。
    • 程式封裝成 mac 及 window 版本應用程式。 

  • 內部 POC 專案開發
    •  使用 react.js 開發,因功能需要上傳及下載檔案,所以選擇 redux-saga 作為資料流的非同步處理,後續使用 mocha 做單元測試。 
  • Nas 多媒體應用程式開發
    • 使用 python 開發,在產品上負責改版的畫面呈現及操作功能邏輯開發與 api 介接
    •  log 模組開發,讓其他開發人員在操作時可以開啟 log 畫面測試與驗證流程有無異常。

上擎科技, Oct 2013 - Oct 2015

  • 租車行動網站及 app 開發
    • 使用 ext.js 的 sencha touch 開發,在專案中負責(我要接送、會員專區、接送定價、租車須知、客服中心、英文 版頁面)api 介接、畫面與功能開發,產品上線後並負責維護。
    •  使用 phonegap 將專案封裝成 android app,並在手機、平板上測試及修正。
  • 中古車交易網站維護與開發新功能
    • 使用 asp.net 開發,在專案中負責 issue 修正及調整部分車輛明細圖片輪播顯示部分。
  • 內部資金系統開發
    • 使用 knockout.js 框架做資料綁定與操作邏輯及 kendo-ui.js 做表單呈現,在專案中負責部分頁面功能邏輯開發及 資料介接綁定。
  • 二手車交易網站及行動網站開發
    • 網站使用 asp.net 開發,在專案中負責(會員、賣家搜尋、車價查詢、後台會員管理、後台競標車上架)畫面套 版、api 介接與功能開發與上線後維護。 
    • 行動網站是我一人負責,從開發前的功能架構規劃,使用 angular.js 的 ionic 開發整體功能、操作邏輯、css 套 版、api 介接、廣告 banner 及 ga 導入。

大宇資訊, Aug 2011 - Jul 2013

  • 線上遊戲維護與新功能開發。
  • 企劃人員工具開發。


技能


網頁前端

html : html

css : css, sass, styled-component

javascript : vanilla.js, react.js, angular, svelte.js, vue.js


桌面應用

Electron : node.js, html 

Kodi : python, xml


網站後端

node.js:graphql, restful api


雲端應用

aws: ecs, code deploy, code pipeline, lambda function, cloudwatch

測試

mocha, jest, cypress, testcafe, puppeteer


移動端應用

flutter

教育背景

世新大學產碩研發專班(大宇資訊), Feb 2010 - Jun 2011

世新大學, Sep 2004 - Jun 2008 

資訊管理系資訊管理組學士畢業

作品

台股篩選桌面應用程式

有鑒於大多數看盤軟體不支援 mac,而且自己因為懶得架資料庫跟 server,
只好利用女兒睡著之後的閒暇時間,使用 electron.js 開發一個桌面應用程式,
讓自己能方便看的台股盤後快速篩選工具。