CHEN PO YUEH(Haku Chen)

すべての実績

CHEN PO YUEH(Haku Chen) · フロントエンドエンジニア · 日本・東京

Lighthouse CI runs only on the apps affected by a change, not the whole monorepomonorepoapp aapp b (changed)app cdetectaffectedLighthouse

Lighthouse CI による品質管理の自動化

2026年1月 – 2026年1月 · CI/CD 環境構築 / DX 改善。

Monorepo 環境におけるパフォーマンス監視の自動化と、デプロイ時の品質低下防止。

  • Next.js
  • TypeScript
  • GitHub Actions
  • Turborepo
  • pnpm workspace
取得 2026-09

レンタカー予約プラットフォーム(Car Rental Japan)

2025年10月 – 現在 · フロントエンド開発(主担当 / 設計・環境構築)。

新規事業の立ち上げに伴う、複数のレンタカープロバイダーの API 統合およびスケーラブルな基盤構築。

  • Next.js
  • TypeScript
  • GitHub Actions
  • Turborepo
  • pnpm workspace
  • Docker
  • +2
Mobile performance score before and after: 36 to over 85mobile performance score36before85+after

新幹線予約プラットフォームのパフォーマンス最適化

2025年8月 – 2025年10月 · フロントエンドリード / パフォーマンス改善担当。

主要プロダクトの検索順位向上とユーザー体験(UX)の改善を目的とした、フロントエンドの表示速度最適化。

  • Next.js
  • TypeScript
取得 2026-09

SEOおよびページ速度の最適化

2024年12月 – 2025年6月 · 起案・開発担当。

広告予算の削減とオーガニックトラフィックの増加を目指し、Core Web Vitals の研究を開始。特に FCP の最適化に注力。

  • Next.js
  • TypeScript
  • Zustand
Before: EJS pages bundled by Webpack into one bundle. After: React pages built by Vite in multi-app mode into per-page bundlesbeforeEJS pagesWebpackone bundleafterReact pagesVite multi-apppage bundlepage bundlepage bundle

レガシーバックエンド連携のためのビルドパイプライン再設計

2023年6月 – 2024年6月 · サブリーダー(作業分配・開発計画・初期環境構築・開発サポート・メンターシップ)。

EJS テンプレート構成(フロントエンドはUI/インタラクションのみ担当し、データバインディングは .NET バックエンドが管理)のレガシーページを、React マルチページアーキテクチャへ順次移行。

  • React
  • TypeScript
  • Vite
  • Webpack
  • Sass
  • Tailwind CSS
  • +3
A shared design system sits between the Figma library and the code components, and feeds three productsFigma librarycode componentsshareddesign systemproductproductproduct

UIライブラリ/デザインシステムの構築

2023年1月 – 2024年1月 · リード(初期環境構築・技術選定・設計方針の決定・導入支援)。

複数のプロジェクト間でスタイルとUIの統一を図るため、デザインチームと協力し、共通のデザインシステムおよびUIコンポーネントライブラリの構築を主導。

  • TypeScript
  • React
  • Nx
  • Lerna
  • pnpm workspace
  • Rollup
  • +5
取得 2026-09

Lion Travel 航空券予約プラットフォーム

2022年6月 – 2023年6月 · フロントエンド開発担当。

React と jQuery の両方のプロジェクトに対応し、共通モジュールを作成。React プロジェクトの開発、運用、リファクタリングを担当。

  • TypeScript
  • React
  • Webpack
  • Redux