工作經驗
日本NEC集團 統智科技股份有限公司
資深前端工程師
十一月 2024- Present
Taipei, Taiwan
工作內容
- 擔任資深前端工程師，為前端 Leader
- 帶領 3 位前端，協助開發困難，並且給予指導
- 導入新手包概念，讓後續新進人員可以更快進入狀況
- 正在導入 Monorepo 架構，並且重構 i18n 多國語系
建立前端規範：
- git commit 規範
- branch 命名規範
- coding style 規範建立
- 前端共通資料夾結構定義
- 前端 wiki
藍星球資訊股份有限公司
十月 2017 - 十一月 2024
Taipei, Taiwan
前端工程師(主任) 2022-2024
- Vue2 / Vue3 / Nuxt2 / Nuxt3 / TypeScript
- 擔任研發部前端組組長，帶領 4 位前端
- 將分配到的案子，於期限內完成
- 分配專案前端人力，並且做為 PM 和 RD 之間的橋樑
- 導入前端新人教育訓練
- 公司後台模組化之優化
- 擔任某年前端讀書會組長，訂當年讀書會事宜
高級前端工程師 2019-2022
- Vue2 / Nuxt2 / TypeScript
- 將分配到的案子，於期限內完成
- 參與公司後台模組化
- 專案 RDL (RD Leader)
前端工程師 2017-2019
- jQuery / Blade
- 將分配到的案子，於期限內完成
參與過工作
開發專案
詳情可見下列專案細項
公司後台模組化
權限設計
針對權限有自己做一套規則：
- 是否能進入頁面的權限
- 頁面中的按鈕是否要出現
列表頁
因為樣式都已經定得差不多了，所以我也有把列表頁包成一個大的 component
這樣可以讓每個列表頁的code盡量保持一致，維護比較方便
編輯頁
有針對 UI 做一些設定(使用 Object 的方式)，欄位a type 是 input，就會長出 input (會去盤後台有哪幾種 UI) 這樣未來
- 欄位如果想要交換，只要交換 Object 順序即可
- 切版的時候不用一個一個切
專案 (時間由近到遠)
桃園市OD
建置前後台，以 Open Data 為主體
https://opendata.tycg.gov.tw/
後台：Vue 3 ， 前台：Nuxt 3
擔任此專案 RDL ( RD Leader ) ，負責與 PM 溝通、分配 RD 工作
桃園市儀表版
建置前台，功能以圖表呈現為主
也會有圖表和圖表間的連動
前台：Nuxt 3
擔任此專案 RDL ( RD Leader ) ，負責與 PM 溝通、分配 RD 工作
首次使用 Nuxt 3 的專案
某電商改版
該專案有舊版系統，除了舊有功能外，需優化購物流程，以及有非會員購買之新機制。購物車部分也有需要單獨結帳商品之考量
後台：Vue 2 ， 前台：Nuxt 2
擔任此專案 RDL ( RD Leader ) ，負責與 PM 溝通、分配 RD 工作
GTM 介接、i18n (多國語系)
實作前後台前端商品相關功能、購物車功能
桃園市立大溪木藝生態博物館 大溪學文化資源網
各個分類都有大量的欄位資料。在上稿之前也需設計審核流程，主題專區設計共有接近20來個元件，供使用者編輯
https://daxiculture.tycg.gov.tw/
後台：Vue 2 ， 前台：Nuxt 2
擔任此專案的RDL ( RD Leader )，負責與 PM 溝通、分配 RD 工作
無障礙
國立臺灣歷史博物館 影音資料庫
後台：Vue 2 ， 前台：Nuxt 2
擔任此專案的RDL ( RD Leader )，負責與 PM 溝通、分配 RD 工作
負責所有前、後台前端
無障礙
國家人權博物館 檔案資訊系統暨資料庫建置計畫
後台：Vue 2 ， 前台：Nuxt 2 擔任此專案的RDL (RD Leader)，負責與 PM 溝通、分配 RD 工作
負責所有前、後台：首頁、典藏資料介接...
圖片編輯套件改寫、Chart.js
羅東林管處 蘭陽地區林業文化歷史檔案保存整合系統建置計畫
後台：Vue 2 ， 前台：Nuxt 2
負責後台 主題專區
Chart.js
經濟部標準檢驗局 知識管理入口網
前台：jQuery
負責首頁、所有知識文件介接、帳號權限...等
gridstack(版塊拖曳)
國立臺灣歷史博物館 研究資源管理系統
後台：jQuery
負責刻版(使用bootstrap)、部分模組介接
影片播放套件、圖片剪裁套件改寫
文化部 國家漫畫史料調查研究及數位典藏計畫
後台：jQuery
負責後台部分模組介接