工作經歷

合邦商網股份有限公司

2018/01 ~ 在職中
前端工程師
評估企劃提出的開發或維運需求中，前端相關功能之可行性與時程。
與視覺設計師、後端工程師或其他前端工程師協作開發或維運網站
與其他前端工程師討論並規劃網站架構與選擇框架
主要使用Nuxt / Vue開發並維運網站的前端部份
依需求串接行銷工具（Google Tag Manager、Google Analytics 4 電子商務追蹤、FB Pixel、Bebit）
依需求串接金流（Line Pay、AFTEE、銀行信用卡付款）
依需求串接各種第三方API（Google Map、Facebook登入、Line Liff）

鴻揚科技

2017/06 ~ 2017/08
軟體工程師
開發企業客戶應用系統Java AP程式

專案經驗

捷元 B2B 採購專區

將基於ASP.NET的網站改版為前後端分離的網站（前端部份使用Nuxt 2）
於公司首次導入 PM2管理前端網站，在網站發生問題時自動重啟，降低 MIS 管理伺服器負擔。
於公司建立首個基於Gitlab CI/CD 流程的前端專案，大幅降低過往須人工更新網站的繁瑣流程。
使用 Nuxt 2 的 analyze 功能並調整框架引入方式，分析並降低 bundle size 約 50%。
與後端協同實做 OTP 登入流程，降低原網站 PKI 憑證登入難維運的問題。
將剛開始上線時未RWD化的網站逐頁修改為RWD頁面並分次上線

HOHO 好服務、好生活

面向一般消費者的線上居家服務平台
與後端協作，在兩週內便將複雜的表單式服務選擇器開發並上線，大幅增加服務商品規格的設定多元性。
與後端配合使用 ASP.NET 技術解決單使用 Vue 的 SSR 問題
與後端討論將資料查詢太複雜的API，切割成數支不同API，增加網頁回應速度將近75%。
配合 UI/UX 在維持原有樣式的前提下漸進改版至新樣式
撰寫EDM串接JS，讓設計部門串接簡單的行銷活動時可不再經過前端開發，加速上線流程。

個人部落格

紀錄前端開發心得、使用 Linux 發布版本 Fedora 的心得以及生活大小事的部落格
以Nuxt 3的預渲染方式，達到可部署於任意靜態伺服器的效果。
以Nuxt Content v2管理文章markdown檔案，讓部落格無須後端及DB便能運作。
從Nuxt 2漸進改版至Nuxt 3，改版成功並上線。

捷元股份有限公司官方網站

將原官網改版為新樣式，並RWD化。
在前端原有基於jQuery的架構加入Vue 2，減少改版開發負擔。
串接Google Map API，視覺化服務據點資料。
透過修改SCSS編譯Bootstrap，取代舊有硬蓋樣式造成的風格不一致問題。

內部管理及表單簽核系統

公司內部管理人員、部門、合約、資產、會議、客戶……的系統，並新增新的表單簽核功能
最初以 jQuery 開發時便規劃並切分表單元件，讓新進同事能快速進入狀況開發新表單。
引入 Vue 做微改版，增加開發效率。
漸次改版至 Nuxt 2，提昇程式碼元件化程度以及降低協作難度。