CHEN PO YUEH(Haku Chen)

実績一覧へ戻る

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

2023年6月 – 2024年6月 · ライオンインフォメーション株式会社(台湾 ライオントラベルグループ)

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
プロジェクト概要
EJS テンプレート構成(フロントエンドはUI/インタラクションのみ担当し、データバインディングは .NET バックエンドが管理)のレガシーページを、React マルチページアーキテクチャへ順次移行。
業務内容
  • ビルドパイプラインを Webpack から Vite のマルチアプリモードへ再設計・提案し、ページごとのアセットバンドルに対応。
  • コンポーネントベースのアーキテクチャや状態管理を導入し、UI ロジックをフロントエンドチームに移行。
担当フェーズ
設計実装指導・支援
メンバー構成
9名/サブリーダー。 サブリーダー(作業分配・開発計画・初期環境構築・開発サポート・メンターシップ)。
環境
ReactTypeScriptViteWebpackSassTailwind CSSReact QueryZustandReact Hook Form
業務で使用した言語
中国語 (台湾)