技能
Frontend Tech Stack
JavaScript ES6 TypeScript
Vue 2 Vue Composition api Vue 3
Nuxt 2 Nuxt Composition api Nuxt 3
HTML CSS JQuery
Others
Git
學歷
2015 - 2017
國立臺北科技大學
資訊與財金管理系 碩士班
2011 - 2015
實踐大學
資訊科技與管理學系
工作經歷
2017/10 擔任 前端工程師，
2019/01 升為 高級前端工程師，
2022/10 升為 主任。
- 〖主任〗研發部第三組組長職務，需要和PM討論案子時程，以及組內人力分配
- 〖前端工程師〗
使用 JavaScript ES6，並且利用 Await / Async 介接後端 api ( Axios ) ；操作 DOM、 Event 事件處理
專案
桃園市儀表版
建置前台，功能以圖表呈現為主
也會有圖表和圖表間的連動
後台： Vue.js 前台： Nuxt.js
- 擔任此專案 RDL ( RD Leader ) ，負責與pm溝通、分配RD工作
- 首次使用 Nuxt 3 的專案
某電商改版
該專案有舊版系統，除了舊有功能外，需優化購物流程，以及有非會員購買之新機制。購物車部分也有需要單獨結帳商品之考量
後台： Vue.js 前台： Nuxt.js
- 擔任此專案 RDL ( RD Leader ) ，負責與pm溝通、分配RD工作
- GTM 介接、i18n
- 實作前後台前端商品相關功能、購物車功能
桃園市立大溪木藝生態博物館 大溪學文化資源網
此為新建系統，各個分類都有大量的欄位資料。在上稿之前也需設計審核流程，主題專區設計共有接近20來個元件，供使用者編輯。
後台： Vue.js 前台： Nuxt.js
- 擔任此專案的 RDL ( RD Leader ) ，負責與pm溝通、分配RD工作
- 通過無障礙 AA
- 前後台系統，實作各個詮釋資料欄位編輯、呈現
國立臺灣歷史博物館 影音資料庫
此專案有舊系統，需介接文化部影音平台，但因回傳速度問題，影片縮圖的檢視會有延遲，盡量減少使用者等待時間過長。
後台： Vue.js 前台： Nuxt.js
- 擔任此專案的 RDL ( RD Leader ) ，負責與pm溝通、分配RD工作
- 前後台系統，實作各個詮釋資料欄位編輯、呈現 ，包含影音播放
- 通過無障礙 AA
國立臺灣歷史博物館 校園生活記憶庫
此專案有舊系統，擁有大量圖檔以及詮釋資料，也提供不同的檢視方式，供使用者使用。
後台： Vue.js 前台： Nuxt.js
- 前後台系統，實作各個詮釋資料欄位編輯
- 通過無障礙 AA
- 地圖 leftlet、圖表 E-charts
國家人權博物館 檔案資訊系統暨資料庫建置計畫
此專案為新建系統，需特別注意資料之間有層級性的問題。也有典藏系統之審核流程，提供浮水印編輯模組，此為自己手刻。
後台： Vue.js 前台： Nuxt.js
- 擔任此專案的 RDL (RD Leader) ，負責與pm溝通、分配RD工作
- 負責首頁、典藏資料介接....(前、後台介接)
- 圖片編輯套件改寫
- 浮水印編輯模組
臺北市議會 新聞知識系統
進公司後第一個專案，使用JQeury 混合著 Blade，有不少權限控管處理。
前後台： JQuery 後台部分使用： Blade
- 負責新聞介接、圖表介接、部分帳號權限介接...等
- 使用 Bootstrap、E-Chart
