楊雅喬

Ya Chiao Yang

Web Developer / 前端開發者

資深前端工程師,3+ 年 Vue.js/Nuxt.js 實戰經驗。聚焦內部系統、數據視覺化平台與 AI 整合應用開發。

從前端開發者成長為技術團隊領導者,帶領 8 人跨職能團隊完成平台整合重構、UI 元件庫建設(提升 30% 開發效率)與 OpenAI API 智能應用整合。擅長將複雜業務需求轉化為可擴展的前端架構。

Vue.js Expert Team Leader Frontend Architect Data Visualization AI Integration
developer.js
const developer = {
  name: "楊雅喬",
  alias: "Ya Chiao Yang",
  currentLevel: "Tech Lead | Frontend Architect",

  // 從菜鳥到老鳥的三年半
  careerPath: {
    2021: { role: "Frontend Dev", mission: "與 D3.js 纏鬥的日子" },
    2023: { role: "Team Lead", mission: "練成老闆翻譯機技能 & 帶人打怪" },
    2024: { role: "Team Lead & AI Whisperer", mission: "收編 LLM 大軍中" }
  },

  // 五力分析(不是波特)
  skillTree: [
    "Frontend Architecture",        // 模組化強迫症患者
    "Team Leadership",              // 解鎖訂飲料自由
    "System Design",                // 流程圖繪製成癮者
    "AI Integration",               // AI 收編委員會會長
    "Data Visualization"            // 讓圖表說人話
  ],

  // 成就解鎖
  achievements: {
    projectsLed: 12,                // 老闆翻譯機實戰紀錄
    teamSize: 8,                    // 帶人打怪團隊規模
    bugsFixed: "∞"                  // 修過的 bug 數不清
  },

  personality: {
    quickLearner: true,                              // 學習速度 MAX
    coffeeAddict: true,                              // 續命燃料補給
    debugAttitude: "legen ——wait for it—— dary!"     // 不修好不罷休
  },

  isHireable: function() {
    return (
      this.personality.quickLearner &&
      this.achievements.projectsLed > 10 &&
      this.skillTree.some(s => s.includes("AI")) &&
      this.personality.coffeeAddict                  // !important
    ) ? "absolutely! 🚀" : "maybe next time"
  }
}

export default developer
developer.isHireable()
"absolutely! 🚀"

Tech Stack

Frontend Core

JavaScript (ES6+) Expert
TypeScript Expert
Vue.js / Nuxt.js Expert
React Proficient
TailwindCSS Expert
Sass / SCSS Proficient
Vite · Composition API · Husky · ESLint

Architecture & Tools

Pinia / Vuex Expert
Component Library Expert
Vue Query Proficient
Storybook Proficient
CLI Tool Dev Proficient
Modular Architecture · Monorepo

Data & Visualization

D3.js Expert
Chart.js Expert
dayjs Expert
Lodash Proficient
Dashboard · Custom Chart Components

Testing & Documentation

Vitest Proficient
Playwright Proficient
TypeDoc Proficient
Documentation · Technical Writing

Backend

Node.js / Express Proficient
SQL Proficient
Supabase Proficient
WebSocket · RESTful API · PostgreSQL

Cloud & DevOps

Docker Expert
GCP Proficient
OCI Proficient
Vercel Proficient
Docker Compose · CI/CD · Nginx

Core Strengths

跨域整合 + 商業對齊

技術與需求方之間的翻譯機。
把需求變成方案,把架構對齊商業邏輯,確保每個決策都有技術與商業的雙重視角。

Business Sense Stakeholder Mgmt.
Product Spec Cross-team Requirement Fit

架構思維 + 系統設計

從零設計可擴展架構,也能重構既有系統。
在快速交付與長期可維護性之間尋求平衡,讓架構既能支撐當下,也為未來留空間。

Architecture Trade-offs
Refactor Zero-downtime Tech Debt Mgmt.

技術成長 + 敏捷應變

非本科 3.5 年到 Tech Lead。
快速掌握新技術並轉化為交付方案,透過文件與分享,讓學習成果成為團隊資產。

Self-driven Learning Agility
Career Growth POC→Prod Team Enablement

Projects

Experience

scrolling →

Contact