English | 中文
Jjm3ywohfhkrja01uffp

陳大鈞

軟體工程師  •  台北市,台灣  • +886 989 379282 •  [email protected]

技能


語言

- HTML
- JavaScript
- TypeScript
- PHP
- Python
- Node

Bundler

- Webpack

- Vite


CSS

- SCSS, LESS
- Tailwind CSS
- UnoCSS
- Bootstrap4, Element
- BEM
- RWD

版控

- SVN
- Git
- Git flow

測試工具 

- Playwright

- Vitest

- Robot Framework

- PHPUnit

- JUnit


Service

- Jenkins

- OpenStack

- Jira

- Trello

- InVision


Database

- MySQL
- PostgreSQL
- MSSQL
- MongoDB

其它

- Scrum

- Docker

- Design Pattern



工作經歷

17LIVE,資深前端工程師,2022 年 7月 - 至今

  • 實作 CMS 網頁 PIP 功能,讓使用者可以同時購買商品和觀看直播,同時支援 SPA 或 MPA 網站
  • 撰寫 PostCSS plugin 避免 CMS 影響商家本身的 CSS
  • 透過 Puppeteer 和 Node.js 實作影片錄影的功能
  • 提供 17 Live App 可以透過 webview(Vue 3 + Vite) 管理和銷售商品
  • 透過 Playwright 撰寫自動化測試
  • 優化留言系統,從原本能承受 15/秒的留言量增加至 100/秒的留言量

17LIVE,前端工程師,2021 年 7月 - 2022 年 7月

  • 透過 VSCode 自動格式化 Javascript, css 和 pug 的 Coding Style,統一團隊的寫作風格,降低 Code Review 的複雜度
  • 規劃和設計 Content Management System 系統,讓商家可以透過所見即所得編輯器方式,快速產生銷售頁面,並且可以容易的嵌入在商家官網中
  • 串接 Agora 服務,實作一對一視訊購物的功能

Buyandship,前端工程師,2019 年 8 月 - 2021 年 7 月

  • 重構會員中心
    • 以 Scrum 流程開發,並與設計師、後端、QA 一起合作建立專案
    • 使用 Vue 並配合 Composition api 作為前端框架,並搭配 vue-i18n 來實現多國語系
    • 使用 Typescript 
    • 與後端溝通 API 的介面
    • 實作設計師所遵照 Material Design 所設計出來的畫面,並建立 Vue 的元件庫
    • 使用 LESS 作為 CSS 的預處理器,並使用 BEM 作為命名模式
    • 優化網站的載入速度
    • 實作 RWD 以支援不同大小的裝置 
  • 開發及維護官方網頁

    • 使用 Vue 作為前端框架,並透過 Webpack 來壓縮和優化檔案並編譯成多國語系的靜態網站,並放到 WordPress 上進行管理
    • 使用 LESS 作為 CSS 的預處理器
    • 優化網站的載入速度
    • 實作 RWD 以支援不同大小的裝置
    • 串接 Google Map API
  • 短期支援 App
    • 使用 Flutter 撰寫 IOS 及 Android 的手機應用程式

研華科技 Advantech,資深軟體工程師,2016 年 9 月 - 2019 年 8 月

  • 開發及維護 iDesignWISE

    • 此網站配合 OrCAD 系統,幫助電子工程師在設計電路圖時,檢查是否有不符合規定的配置方式,即時通知使用者,以利盡早修改設計方式來增進效率。  
    • 前端使用 Vue 作為 javascript 框架,套用 Bootstrap4 作為 UI 框架,並使用 SCSS 來管理 CSS 檔案 
    • 後端使用 C#
    • 資料庫使用 MSSQL
  • 重構 iDesign 前端畫面
    • 使用 Vue 作為 javascript 框架,套用 Bootstrap4 作為 UI 框架,並使用 SCSS 來管理 CSS 檔案

  • 開發及維護 iDesign
    • 此網站為公司內部的測試申請流程管理及分析系統
    • 前端以 Html 配合 javascript 和 jQuery
    • 後端使用 PHP,框架為 CodeIgniter
    • 資料庫使用 MySQL
  • 導入 SVN 
    • 以 SVN 作為版本控制工具
    • 架設 SVN Server
  • 架設 Jenkins
    • 以 Jenkins 為持續整合工具
    • 將 iDesign 的系統發佈流程自動化
    • 之後也提供 PHPUnit 和 Robotframework 能在版本更新時自動觸發測試執行 
  • 導入測試工具 PHPUnit 和 Robotframework 
    • 使用 PHPUnit 對程式碼進行 Unit Test 
    •  Robotframework 負責 UI 及整合測試的部分
  • 導入 Git
    • 將版本控制工具從 SVN 轉換成 Git,透過 SubGit 將 SVN 上舊有的歷史紀錄轉移至 Git 上
    • 架設 Gitlab Server,用來管理專案和進行 Issue Tracking
    • 研究和使用 Git flow 來作為版本控制流程管理方式

國立臺北科技大學,資訊工程學系,碩士,2014 年 9 月 - 2016 年 7 月

  • 軟體系統實驗室
就讀期間以 Scrum 的模式進行維護及開發 Cloud Testing Platform,一個提供大量實體手機供使用者執行手機測試,並回傳測試結果、手機測試過程報表、手機測試過程錄影等資訊的雲端平台。

  • 論文題目為《以 Docker 服務管理雲端測試平台之虛擬機器》
以 Docker 技術取代原本系統中 OpenStack 的 virtual machine,以達到縮短測試總時數,並利用 Docker 的 API 配合系統偵測,決定當下所需的虛擬機數量進行配置,將系統資源使用最佳化。

  • 參與 TCSE 2016 研討會,並以《雲端測試平台手機自動上架及監控之設計與實作-以STF-CTP為例》獲得最佳軟體展示論文