兆威數位有限公司 - 前端工程師,2020 年 3 月 - 至今
- 活動模組後台
- 官網前台
- PWA策略 (Vue 2)
- Vue2 升級 Vue3 (不採用PWA)
- Yarn1 升級 Yarn 3.4.1
- 設計模式並教學設計師切版
- 封裝Axios (CRUD)
- GitLab CI/CD 串接 slack webhook
- 優化載入CSS檔案
- 減少語系檔案大小
- 真人遊戲:
- 橫向版面開發設計
- PWA檔案快取策略
- API溝通方式cookie改成JWT Token
- 優化載入檔案大小 (5MB -> 900KB)、繪製畫面流程
- Code Splitting
- 新增GA事件
- 重構寫法、整併伺服器資料
- mock Server (node js)
- 使用HardSourceWebpackPlugin增加本地開發速度
- Unit Test (JEST)
- GitLab CI/CD串接slack webhook
- 代理前台:
利鑫雲端遊戲有限公司 - 前端工程師,2019 年 3 月 - 2020年 3 月
- 重構
- 網站 (Vue2): component化、scss編寫、rtmp格式轉換flv.js、wss格式轉成hls、畫面編排
- 形象網站 (React): component輕量化
- 手機橫式 (Vanilla Javascript): 選單功能整合
- 維護
- 手機直式: 修正圖片.資料錯、修正資料超出區域
- 手機橫式: 修正canvas圖片模糊、資料顯示有誤、功能修正、新增語系、更換背景音樂
- 開發
- 手機直式: canvas動畫效果
- 手機橫式: 更換Logo、內嵌外部頁面
- 網站: 串接API、建置編譯腳本、建置sass環境
利鑫雲端遊戲有限公司 - PHP網站程式設計師,2018 年 9 月 - 2019 年 2 月
- 建置一個場館管理系統網站
- 設計頁籤 (包括手機版)
- 限額設定的排序
- 添加遮罩 (搜尋、跳頁)
- 設計功能頁面 (會員解鎖管理、操作日誌)
- 修改全站提示部分
- 工單系統
- 修復基本訊息功能
- 修復用戶管理功能 (編輯部分)
- 修復系統配置功能 (模塊管理.系統配置.令牌驗證)
- 修復工單管理功能 (頁面.新增.編輯.刪除)
- 修復商品管理功能
- 新增列印工單功能
- 新增檔案上傳功能 (業務端、客戶端)
- 修改列表顯示以及新增選項
- 新增訊息公告功能
- 新增工單提醒功能 (串接微信公眾號)
- 新增工單手機版 (RWD+vuejs+axios)
海洋互連科技股份有限公司 - 網站程式設計師,2018 年 3 月 - 2018 年 8 月
- 建置一個場館管理系統網站
- 選擇場館介面(首頁)
- 大事記
- 人數統計
- 履約管理管控表
- 每月執行履約事件
- 服務燈號與警報系統管理維護
- 資料下載
- 線上教學
- 工作日誌
- 開發檔案管理功能
- 撰寫廠商編輯頁面
- 設計網頁footer
- 網頁排版
- 新增google map API、聯絡資訊API
恩連科技有限公司 - 工程師,2017 年 12 月 - 2018 年 1 月
- 檢查POS機是否連線正常
- 緊急處理POS機異常狀況
- 協助POS機安裝
靜宜大學 - 計算機及通訊中心 - 維修室工讀生,2015 年 9 月 - 2017 年 6 月
- 維護全校電腦
- 排除電腦故障訊息
- 處理老師、學生、職員在使用電腦遇到的問題
靜宜大學資訊工程學系,2013 年 9 月 - 2017 年 6 月
- 創新創意專題競賽 生活智能組 第一名
- 系內資訊盃籃球比賽 第一名
苗栗高中普通科, 2010年 9 月 - 2013年 6 月
前端
- HTML
- CSS
- ES6
- RWD
- Scss
- Vue
- AXIOS