任職內經歷過多個專案的維護與開發，以下將著重在最新的專案做介紹： 客戶官網：https://my.tcb-life.com.tw/ 無障礙官網：https://accessibility.tcb-life.com.tw/ 負責大型企業級官網與後台系統開發，專案歷時近一年，完整經歷系統從 0 → 上線 → 無障礙品質導入 → 高複雜度並行開發 三個階段。 除功能開發外，亦參與 架構重構、無障礙規範導入、弱掃修補、Code Review 與新人協作指導。 ⚫️階段一｜官網從無到有建置（2024/05 – 2024/10） 角色：Vue 3 前台主要開發者／Angular 後台協作、Code Review 支援 • 在需求高度不穩定、專案初期人員流動頻繁的情況下，從零建置 Vue 3 官網前台架構 • 與既有 Angular 18 後台系統整合，處理 API 變動、資料流不一致與錯誤容錯問題 • 設計基礎 Component 架構與頁面分層，降低後續功能擴充時的技術債 • 協助新進成員熟悉專案結構，進行 Code Review 並提供實作建議，維持整體程式品質 • 在需求反覆調整下，仍能穩定交付核心功能並配合專案時程上線 成果重點： • 成功建立 Vue 3 SPA 專案基礎，支撐後續多階段功能與版型擴充 • 在高變動與人員更替頻繁的環境中，維持前端系統穩定度與可維護性 ⚫️階段二｜無障礙網站導入與品質強化（2024/10 – 2024/12） 角色：前端品質與無障礙（A11y）導入主力 • 主導前台 Vue 3 無障礙網站開發，依 FreeGo AAA 等級規範進行實作（已通過） • 實作語意化 HTML、ARIA 標籤、鍵盤操作流程與焦點管理，確保多元使用情境可用性 • 重構既有互動元件，修正螢幕閱讀器與鍵盤操作不一致問題 • 與後端與測試人員協作，針對無障礙檢測與弱掃結果進行問題定位與修補 • 協助團隊建立無障礙開發與檢測的實務經驗與共識 成果重點： • 官網符合 FreeGo AAA 無障礙規範要求（已通過） • 強化對 DOM 結構、互動流程與使用者行為風險的理解 • 將無障礙規範落實為可維護的工程實作，而非僅停留在文件層 ⚫️階段三｜官網功能切分與高並行開發（2024/12 – 2025/02） 角色：活動版型核心負責人 • 在專案後期功能大量並行的情況下，負責「活動版型 1」的完整前端實作 • 設計並實作可配置化的活動版型架構： • 於元件內透過 inline style + CSS Variables 控制樣式 • 於獨立設定檔中管理主題切換參數（色彩、裝飾元素、圖片路徑等） • 支援即時風格切換需求，降低活動客製化成本並提升重用性 • 管理大量 SCSS 樣式，確保樣式隔離、結構清楚與長期可維護性 • 在時程壓力下，平衡視覺複雜度、效能與程式可讀性 成果重點： • 成功交付高複雜度、可快速切換樣式的活動模組 • 建立可重用的活動版型機制，支援後續多檔活動快速上線 • 累積大型 CSS 架構與動態樣式風險控管經驗 📍綜合價值總結 • 具備 大型系統完整生命週期經驗（從 0 到上線再到品質與並行擴充期） • 熟悉 Angular 與 Vue 雙框架協作情境 • 具無障礙（FreeGo AAA）與前端弱掃修補實務經驗 • 能在高變動、高壓與多人協作環境下，穩定交付核心模組 • 兼具前端架構、樣式系統設計與品質／安全意識