Antonio's blog

正在載入索引…

Antonio

凌俊豪 Antonio

前端工程師，前端小蝦米

我是凌俊豪（Antonio），一隻前端小蝦米，努力夢想有一天變成大鯨魚。

目前有 2 年 Angular 企業級架構經驗，也橫跨 Vue / Nuxt 生態系。我喜歡把學到的東西寫下來，留下學習過的歷程，也記錄當下思考的想法，而我就是自己的第一個讀者。

技術專長

  • Angular：Angular 20 企業級分層架構、路由與懶載策略、Signal、RxJS、PrimeNG 元件庫
  • Vue / Nuxt：Vue 3、Nuxt 3 / 4、Nuxt Content、SEO 與預渲染、VueUse
  • Node.js / NestJS：RESTful API、依賴注入、Line Messaging API、Docker 部署
  • TypeScript：型別設計與型別安全，前後端共用
  • 工程實務：Tailwind CSS、GSAP、Storybook、ESLint、Husky、Module Federation

代表作

2026 VueConf Taiwan 官網｜開發組長

v-conf.vue.tw 。擔任開發組長，帶領團隊完成今年 VueConf Taiwan 的官方網站。

2025 WebConf Taiwan 官網｜開發核心成員

2025.webconf.tw 。技術棧：Nuxt 3、Vue 3、TypeScript、Tailwind CSS、GSAP。

  • 參與千人級研討會官網的架構規劃與開發，負責 Nuxt 3 專案結構設計與生態系整合（Content、SEO、Image、Scripts）
  • 實作 SEO 與效能最佳化（SSR、預渲染、圖片優化），Lighthouse 評分 95 分以上
  • 使用 GSAP、Lenis、SVG、p5.js 打造動畫與視差滾動，結合 VueUse 強化互動，使用者停留時間提升 35%
  • 建立 Storybook 元件文件，導入 ESLint、Commitizen、Husky 工作流，維持多人協作的程式碼品質

開源專案

更多專案在 GitHub 。

工作經歷

雲行至善股份有限公司｜軟體工程師

2024 年 1 月至今，台中。主要使用 Angular、TypeScript。

  • 主導企業級 Angular 20 前端架構設計，建立清晰分層架構（Page / Feature / Layout / Core / Shared），實現可擴充且可維護性的前端結構
  • 設計標準化路由與懶載策略（Lazy Loading、Guard、Resolver），優化首屏載入時間，強化權限與資料預處理流程
  • 基於 PrimeNG 設計系統可複用元件庫，透過 Input / Output、ng-content、ng-template 提供高度客製化能力，減少重複開發工時
  • 運用 RxJS Operators（switchMap、debounceTime、takeUntil）與 Virtual Scroll 優化大量資料呈現效能，處理串流資料與互動體驗優化

教學

六角學院｜網頁切版直播班講師

2026 年 7 月至 8 月，擔任 2026 網頁切版直播班 講師，共 8 堂直播課。

六角學院｜React / Node.js / 切版專題教練

2024 年 7 月至 2026 年 3 月。

  • 累計指導 11 組以上前後端專題團隊，完成率 100%，陪學員走過需求分析、技術選型到專案交付
  • 指導具 2 年以上工作經驗的學員完成企業級 Node.js 專題，包含 RESTful API 設計、資料庫架構與 AWS 部署
  • 引導團隊導入 MVP 思維與 MUST / SHOULD / COULD 優先順序管理，提升專題品質與完成度
  • 擅長把抽象的技術概念轉成可執行的實作路徑，補上「學習」到「實務」的最後一哩路

寫作

三屆 iThome 鐵人賽的系列文都收錄在這個部落格的鐵人賽分類：

演講與分享

  • 2026/06/29 devfrontier：《Angular Module Federation 踩坑實錄》（30 分鐘，簡報 ）
  • 2025/12/11 Tech Book Community 讀書會：《Vue.js 設計與實現》第 11、12 章，快速 Diff 演算法與組件的實作原理，拆解前後置比對、key 映射與最長遞增子序列（簡報 、讀書會資料 ）