聯絡方式

New Taipei, Taiwan

+886 988-859-823

[email protected]

LinkedIn

自我介紹

我主要使用 React、TypeScript 開發，負責高流量金融平台 CUBE 網銀 的重構與新功能開發，熟悉狀態管理、效能優化，以及大型專案的可維護性實踐。具備設計背景，能在實作中兼顧使用者體驗與設計細節。除了功能開發，也持續透過 AI 輔助工具、自動化流程與團隊文件建置，提升開發效率與團隊整體產能。工作之外，我透過運動、閱讀與音樂保持生活的平衡，這些習慣也反映在我的開發風格中：重視穩定性與品質。

程式技能

框架與函式庫｜React (v19+), Vue 3

套件｜Effect.ts, React Hook Form, Yup, Jotai, Orval (OpenAPI), i18n, Day.js, Chart.js, three.js

效能提升｜Lazy Loading, Code Splitting, SSG, Web Vitals, Lighthouse

測試｜Vitest

DevOps｜Azure DevOps, Git, CI/CD

語言｜TypeScript, JavaScript (ES6+), HTML5, CSS3, SCSS

設計與樣式｜Chakra UI, Tailwind CSS, Storybook, Figma, Framer Motion, Adobe Ps/Ai

語言能力

英文｜具工作往來能力 (TOEIC 935)

日文｜具工作往來能力 (JLPT N1)

個人專案

StarsBlooming Official Site

• 為個人手工乾燥花飾品品牌打造的沉浸式電商網站
• SVG 動畫與視差滾動 (Parallax scrolling) 技術增加頁面深度與互動感

Train Monopoly

• 一款具趣味性的桌遊風格 Web App，玩家可選擇起訖站並透過擲骰子在路線上移動
• 為 Vibe Coding 專案，展現對新技術的了解與實踐
• GitHub Actions 實現自動化部署

學經歷

前端工程師 – 國泰世華銀行（2023 – 至今）

核心專案

• CUBE 網銀 (MyBank)
  • 國外債券 O2O：創造產品長尾用戶營收成長
  • 基金庫存：開發共用元件（凍頂表格、導覽、分頁），並優化大量資料的渲染效能
  • 外幣定存：處理複雜的表單驗證與顯示邏輯
• ROBO 智能投資
  • 官網 2.0：透過網頁動畫效果提升 CTA，並優化 Lighthouse 分數以提升 SEO 表現

技術亮點

• 開發專案底層共用元件
• 透過 Orval OpenAPI 自動型別生成，提升前後端串接效率
• 結合 MDX 強化 Storybook 內容，實現設計與文件的同步更新
• 熟練運用 AI 與自動化工具：GitHub Copilot、Plop、Snippet、Ollama
• 實作 React ErrorBoundary、Bundle Size 分析及資安弱點掃描

團隊與流程

• 撰寫開發規範與工作流程文件，縮短新進同仁的上手時間
• 積極參與前端讀書會與技術知識分享

國立政治大學 – 廣告系、日文系雙主修學士（2023 畢業）

更多資訊

• 其他工作經驗：視覺設計師助理 / Engoo 英宇科技股份有限公司（2021 - 2022）

  CIS設計 | 印刷品設計 | 社群及廣告素材設計 培養良好的設計洞察能力。如：分析 Engoo 企業形象，設計投影母片及企業信封。廣告素材透過 AB test，了解不同社群喜好，進而調整設計方向

• 志工：無家者社福機構志工（2025-至今）、流浪動物之家志工、世界展望會攝影志工（2022）

• 興趣：讀書（每月讀書會）、跑半馬、吉他