邱廷鈺 | Zach | 前端工程師       

轉職成功超過三年,持續往成為高階軟體工程師的道路上努力。

 國立高雄應用科技大學 國際企業系

  電子郵件:[email protected]

  工作地點:台北、遠端

技能

  Front-end


  • Vue2、Vue3、Nuxt
  • JavaScript
  • Jest Unit Test
  • SCSS
  • Bootstrap / Tailwind CSS / Vuetify

  Back-end


  • Node.js
  • Express
  • MongoDB / Mongoose
  • AWS

工作經歷

前端工程師  |  OCARD 奧理科技

2023/08 - Now

  1. 為了應付臨時流量,撰寫 K6 協助 DevOps 進行壓力測試
  2. 帶領前端實習生實作 LINE Rich menus 客製功能。
  3. 為解決大量說明文件上線需求,將 Notion 內容使用 Notion APIVuePress 快速轉化為網頁。
  4. 為實現商家提供消費者抽獎的功能,使用 Canvas 實作獎項轉盤特效。
  5. 為實現商家多段運費規則,使用 Google Maps JavaScript API 來製作多邊形連線的地圖範圍。
  6. 埋設 Pixel、GA、GTM、LINE Tag 解決各品牌行銷數據追蹤需求。
  7. 導入 Lodash 來統一多數重複的功能與邏輯轉換,並導入 Fisher-Yates shuffle 來確保洗牌隨機性。
  8. 制定 ESLint 規範以統一程式碼風格與提高程式碼品質。

前端工程師  |  圍棋人科技

2020/11 - 2023/08

主要前端:

  1. git 多人協作且使用 Scrum 開發模式。
  2. 撰寫 Jest 測試覆蓋率達 90%
  3. 使用 MJML 來解決 Email 切版與 CSS 支援度的問題。
  4. 使用了 LINE Messaging API 解決社群在上架 Line Rich menus 需要更客製化的功能與版型。 
  5. 使用 Capacitor 來製作 Hybrid App 解決 Webview 需要與手機端互動的功能。
  6. PayNow 金流串接。
  7. 使用 ECharts 將資訊圖表化。
  8. 使用 QRCode 掃描功能來解決現場考照的身分驗證流程。
  9. 維護 Nuxt 官網。
  10. 為了解決 Android 手機的返回鈕無法正常關閉 modal,設計 Stack 來堆疊 callback。
  11. 使用了 lodash memoize 來減少 API 過度觸發。
  12. 為了使其他開發人員方便執行 NFT 等相關功能,將 ThunderGene API 引入專案內。
  13. 為了快速產出 NFT,使用 puppeteer 來製作圖檔腳本並將 uuid 與生產狀態回填到 Google Sheet。
  14. 使用 FFMPEG 將影片與音軌轉碼成 hls,製作多語系串流,並使影片大小降低 80%
  15. 使用 i18n 來製作多語系服務

次要後端:

  1. 撰寫腳本來使日常維運工作加速 90% 以上。
  2. RESTful API 與 Schema 設計
  3. AWS DynamoDB 資料庫操作與 S3 操作。

專案

上線中產品:黑嘉嘉圍棋教室

主要負責前端與後端,開發了首頁、整體結構 layout、檢定、NFT 等主要功能,因為是 Hybrid App,所以不單單要考慮瀏覽器相容性,還必須兼顧在 Android 與 IOS 雙平台上執行 APP 時,軟體與版本會產生的問題。

  產品 App    官網