Skills
HTML / CSS / Vanilla JS
具備網頁設計的相關知識，能熟練切版並使用原生 Js 語法進行開發。
會使用 rem 方式進行切版佈局。
熟悉 Promise 、async / await 非同步處理相關語法與特性，進行 api 的串接。
熟悉 TypeScript，嚴謹的型別規劃與模型架構。
JS Frameworks
熟悉 vue 和 react 生態圈。
vue: 為目前主要使用框架。 能使用 Nuxt 完成大型專案。 也能針對需求，使用 Vite 或 Vuepress 進行開發。
React: 維護 NextJs 大型網站已有 3 年經驗，能夠優化效能與開發新功能。
Git
使用 Git 進行版本控制，熟悉 Git flow 等主流發布流程。
了解 merge, rebase, cherry-pick 等常用指令運作方式與時機。並搭配 Jenkins 完成 CI/CD 之部署流程。
Laravel / PHP / MySql
能用純 php + mysql 開發 CMS 和購物車系統。
Laravel 為目前主要使用之後端框架。熟悉 Controller 和 Model，能產出 api，也會做事件排程（另如訂閱扣款)，並使用 github action 的 cronjob 處理佇列事件。
Cocos Creator
UI / Graphic / 3D Modeling
曾任互動介面設計與 Adobe 軟體講師。
具備 UI 能力，繪製 svg 並導入 figma 進行排版編輯。
Solidworks 3D 軟體建模能力，曾在小型專案導入 Bobylon.js 將 3D 模型放入網站互動。
有處理 svg 和 canvas 等動畫技術的能力。
Experience
(Present - Past)
ELS Tech
- 前端 Leader
使用 Cocos Creator 遊戲引擎開發遊戲
搭建及維護遊戲管理後台
搭建及維護遊戲品牌官網
Jenkins 自動化部署腳本撰寫與規劃
專案技術規劃、專案進度管理、人員調度
Freelancer
- 公司負責人
以接外包為主，曾與多家企業合作，從活動網站到金流串接，都具備相當的經驗。
奧樂科技
- UI/UX 與前端顧問
長期合作客戶。此公司為醫療用品結合行動裝置的 App 開發。主要為協助公司規劃 Demo 版介面，並使用 web view 做 UI 的 layout。
meet.jobs
- 前端工程師
國際求職網站。負責網站前端維護、優化與功能開發。
龍華科技大學
- 互動介面設計講師
育成團隊@ AppWorks
- UI 設計師 / 前端工程師
加入新創團隊，並在 AppWorks 新創加速器接受為期一年的培訓。此處也是開始寫程式轉捩點。
SHEICO Group
- 設計組組長
公司為世界最大潛水衣製造商，市占 70%。 工作內容為設計潛水衣外觀與新機能提案。展會期間須規劃參展項目與展場布置。
尚芳國際興業股份有限公司
- 工業設計工程師
設計大型電玩機台外觀與機構。工作內容以 3D建 模為主。偶爾需支援活動網頁的設計與更新。
中華民國海軍義務役
長庚大學 - 工業設計學士 (2001 - 2005)
國立成功大學 - 工業設計碩士 (2005 - 2008)
My Works
Meleap
AR 延伸實境遊戲之官網。
負責所有程式部分，前端使用 vue 為主，後端使用 WordPress 的 Rest Api 提供資料。
版面設計為良亙創意。
相關連結
SuperDouble 快卡背包
採用類似做法，另有自己用 Laravel 寫的購物車系統。
更多使用 Vue 的網站
目前 Vue 為主要使用之前端框架。
熟悉 Vue 生態圈，大至功能完整 NuxtJs 到專門製作靜態網頁的 VuePress 都能熟練使用。
相關連結
作品集
本作品集由 Vuepress v2 搭建
人禾好時
VuePress 搭建的靜態網站。負責程式部分
Space X 發射 API 串接
使用 vue + Parcel 做的 spaceX API 發射紀錄串接。UI 和程式都為自己獨力完成。
更多使用 React 的網站
除了 NextJs，部分輕量專案使用 React 生態圈的 Gatsby 進行開發，並使用 webhook，在 node 主機上完成自動部署。
相關連結
Infiniti Fit
負責程式與轉場設計，包含視差滾動動畫，與換頁轉場。
喆律法律事務所
負責程式部分。使用第三方 CMS ，更新後觸發自動部署。
Ryzen 建設公司
負責程式部分。使用第三方 CMS ，更新後觸發自動部署。
