Charlie

總瀏覽 —

學經歷

專注前端架構與可維護介面，近 3 年主力 Vue 3／Nuxt 與 Angular；現於昕力資訊打造台灣銀行官網與 ECP 採購平台。

下載履歷
  1. 研發工程師 · 昕力資訊 (TPIsoftware)
    在職中

    2024.08 - 至今

    參與台灣銀行官網 SSR 效能優化、ECP 電子商務採購平台等專案，並獨立開發 AdminHub；亦維運 SysTalk 系列產品與高流量客服平台。

    參與專案

    Angular 19／20 SSR 官網改版，聚焦核心網頁指標與 Hydration 穩定度。

    負責內容

    • 透過 Bundle 動態拆分、首圖 Eager Loading 與 Skeleton 佔位改善 LCP／CLS
    • 修復多項 SSR Hydration 錯誤與版面閃爍問題
    • 重構多支存款頁面共用開戶聲明元件，降低重複程式碼

    技術

    Angular 19/20
    SSR
    TypeScript

    Nuxt 4 + TypeScript 全新後台，採 oRPC Contract-first 與 Pinia Colada。

    負責內容

    • 主導詢價／報價、請購單、繳費紀錄、醫材審核等列表與詳情模組
    • 參與 Design System 共用 UI 元件庫建置
    • 以 vee-validate + Zod 強化表單驗證與型別安全

    技術

    Nuxt 4
    TypeScript
    oRPC
    Pinia Colada
    Zod

    獨立開發的金鑰管理前端，涵蓋 RBAC、OTP 與容器化部署。

    負責內容

    • 100% 負責前端架構與開發（Nuxt／Vue 3 + TypeScript）
    • 導入 DTO／mapper 處理資料流，實作 RBAC 權限路由與 OTP 驗證
    • 負責 Docker 容器化建置與 Nginx 部署

    技術

    Nuxt
    Vue 3
    TypeScript
    Docker
    Nginx

    字元辨識產品前端（Nuxt／Vue 3），服務全球人壽等專案。

    負責內容

    • 處理 Streaming Upload 與大資料量匯出轉換
    • 從零建置 Pagination、Wizard 等高複用 UI 元件
    • 優化非同步辨識狀態的渲染效能

    技術

    Nuxt
    Vue 3
    TypeScript
  2. 高級程式分析師 · 精誠資訊 (SYSTEX)

    2024.05 - 2024.08

    參與軍公教退休撫卹系統（Angular 18），專注後台 UI 重構、元件庫建置與後端介接。

    參與專案

    後台 UI 重構與元件庫建置，統一混雜彈窗並提升可讀性。

    負責內容

    • 統一麵包屑、側邊欄、表單等元件設計
    • 將多種混雜 Modal 樣式整合為單一共用元件
    • 抽離重複程式碼、拆分複雜函式，並與後端完成業務介接

    技術

    Angular 18
    TypeScript

    成果

    • 顯著提升代碼複用率與可讀性
  3. 前端工程師 · 哈瑪星科技 (HaMaStar)

    2021.11 - 2024.04

    負責政府電子治理與 HTML5 電子書平台前端開發與維運，涵蓋大型業務系統與多出版社閱讀器。

    參與專案

    原住民族住宅業務系統等政府專案前端與 API 串接。

    負責內容

    • 負責「原住民族住宅業務系統」約 80% 的前端頁面與 RESTful API 串接
    • 獨立開發基礎 UI 組件
    • 處理複雜的檔案匯出／上傳邏輯與批次功能整合

    技術

    Angular
    TypeScript

    龍騰、三民等 7 家出版社電子書閱讀器維護。

    負責內容

    • 維護多出版社電子書閱讀器
    • 解決跨瀏覽器與跨裝置相容性問題

    技術

    HTML5
    JavaScript
    TypeScript

    成果

    • 同時支援 7 家出版社閱讀器維運
  4. 民族社會工作學系 學士 · 國立東華大學

    2014.09 - 2018.06

    社工背景培養跨團隊溝通與需求釐清能力，後續轉職軟體工程。