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

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

デザインチームは共通のFigmaコンポーネントライブラリを使用できるようになり、フロントエンドチームでは統一されたUIコンポーネントを実装。UI/UXの一貫性を保ちながら、コードの重複を大幅に削減できた。

プロジェクト概要: 複数のプロジェクト間でスタイルとUIの統一を図るため、デザインチームと協力し、共通のデザインシステムおよびUIコンポーネントライブラリの構築を主導。
業務内容: 既存のコードやUIの調査・分析を行い、重複の排除と再利用性の向上を図る。
使用する技術やライブラリについてチームメンバーと議論し、調査項目の分担や導入方針を決定。
フロントエンド実装とFigmaとのコンポーネント連携を設計・整備。
各プロジェクトへの展開をサポート。
担当フェーズ: 環境構築技術選定設計実装指導・支援
メンバー構成: 3名／リード。リード（初期環境構築・技術選定・設計方針の決定・導入支援）。
環境: TypeScriptReactNxLernapnpm workspaceRollupJestCypressESLintTailwind CSSStorybook
業務で使用した言語: 中国語 (台湾)

振り返って

最も成長を実感したプロジェクトです。シニアエンジニアが不在の中、メンバー2名をリードし、技術選定から環境・ワークフロー構築まで自分たちで進める必要がありました。

試行錯誤の連続で、原因の見当もつかない問題に何度もぶつかりました。しかしその過程こそが、最も多くを学ばせてくれたと感じています。

退職前には本番プロジェクトで使用されるまでになりました。完璧ではありませんでしたが、他のメンバーがコンポーネントを追加し続け、私たちの経験を踏まえて環境をより使いやすくしてくれました。