技能
HTML/CSS
- HTML5
- CSS3
- RWD
- SASS/SCSS
- Bootstrap/BootstrapVue
Javascript
- Vue.JS
- Vuex
- Vue Router
- Vue Cli 3
- Webpack
- Ant Design Vue
- G2
- Leaflet
- Phaser.js
Others
- Echart
- Github
- Git Flow
- Line bot
- Node.js
- Axios
工作經歷
天脈科技股份有限公司, 前端工程師, Jun 2021 ~ 現在
1. Forwarder Online
- 它是一套線上的全球物流雲端SASS平台
- 包含詢價、報價、訂艙管理、貨運管理、貸款及網路管理等功能
- 配合 Fowarder，整合 FMS(貨代管理系統)到平台上，無痛轉換系統
2. Help center
- 負責人力分配及專案的排程
- 使用 Vue.js、 Quasar framework及 Video.js等套件
- 跨部門溝通
- 在公司產品及 Help center建立溝通的橋樑
3. 重構專案
- 利用每一個 Scrum間的空檔，試著優化及重構公司專案
星元資訊有限公司, 前端工程師, Sep 2020 ~ Apr 2021
1. 開發客服後台
- 使用Vue.js 做為開發框架
- 導入ElementUI 套件，作為後台開發框架
- 針對需求及時程與PM 討論出一個可行的方案
- 使用 socket.io-client 套件與後端Server 保持 TCP 連線通道，達到由後端 Server 推送資料
2. 建構遊戲後台
- 使用 Vue.js 做為開發框架
- 導入 ElementUI 套件，作為後台開發框架
- 製作 Dashboard 供使用者隨時監看與查詢
- 利用排程製作假資料來驗證程式正確性
- 在後台的按鈕及輸入框加入變色效果及防呆提示，提升使用者體驗
3. 開發遊戲產品核心
- 使用 TypeScript 做為開發語言
- 與團隊規劃並用Cocos 建置
- 響應式介面讓產品能夠跨裝置支援
- 使用 socket.io-client 與後端 Server 保持連線通道，以便即時取得最新資料
叁叁網路有限公司, 前端工程師, Aug 2019 ~ Jul 2020
遊戲網站開發
- 敏捷式開發(scrum)
- 從零到一百的系統建置
- 使用 Git 工具做Code Review，依照 Git flow 管理專案分支
目前分為三個系統，分別為
1. 前台
- 與其他前端工程師共同建構基礎架構
- 協助其他其端工程師完成任務
- 使用 WebSocket 與後端溝通並實作聊天室及密聊功能
2. 後台及總後台
- 公司後台的負責人，建立基本架構及規範
- 與後端工程師討論錯誤處理並實作相關頁面
- 釐清公司後台的現有需求與實作及新需求的規劃與架構
- 功能模組化，提供同仁使用，縮短開發時程
- 使用 G2 及 ECharts 根據客戶要求完成圖表的動態效果
- 團隊定時開會處理功能的細節問題
- 擔任跨部門溝通橋樑，加速專案進度及促進產品決策
- 擅長跨部門合作，像是遇到需求變動，或是時程與技術問題，就需要常常與產品及設計部門做溝通協調，找出替代方案，取得平衡點，打造雙贏的局面
資拓宏宇股份有限公司, 副工程師, Sep 2016 ~ Aug 2019
1.
專案：長期照護系統
內容：開發給醫院的醫護人員使用操作的產品
技術：HTML、CSS、Javascript、MVC
投入時間：2017/5 - 2018/1
2.
專案：台南雨水下水道地理資訊系統網頁版
內容：維護系統及開發合約內容
技術：HTML、CSS、MySQL、JQuery、.NET Framework
投入時間： 2017/11 – 2018/12
3.
專案：台南雨水下水道地理資訊系統App
內容：建構網頁App取代原有的Android和IOS App
技術：HTML、CSS、Javascript、VueJS、MySQL、ArcGIS
投入時間： 2018/6 - 2018/10
4.
專案：防救災資訊系統
內容：舊有網站翻新讓使用者有更好的體驗
技術：HTML、CSS、Javascript、MySQL、.NET Core
投入時間：2018/1 - 2018/10
5.
專案：水資源物聯網系統
內容：協助客戶建置前台網站及後台系統
技術：HTML、CSS、Javascript、MySQL、VueJS
投入時間：2018/9 – 2019/1
6.
專案：神基科技網頁及後台建置
內容：協助神基科技建置供應商管理平台開發
技術：HTML、CSS、Javascript、.NET Core
投入時間：2018/12 – 2019/7
作品集
