ID:84638さん

## 背景 - 社内にはボタン等のパーツ単位のデザインシステムが提供されていたが、それらをどう組み合わせて画面を組み上げるかの定義はなく、一覧画面・詳細編集画面といった画面単位のUIはプロダクトごとに独自実装となっていた - 画面レベルでUIを統一し、プロダクトを跨いだ利用体験を揃えるため、Templateレベルのデザインシステム構築が求められていた ## 関わり方 フロントエンドエンジニア／デザインエンジニア。プロジェクト初期は実装メンバー、後半は開発リード（PdL）として設計方針の策定と導入推進を担当。 ## プロジェクト ### 標準UI（画面テンプレート型デザインシステム） 入社直後にプロジェクト初期メンバーとして参画し、ライブラリの立ち上げから主要プロダクトへの導入までを担当。 - 一覧・詳細・作成・編集画面のレイアウトコンポーネントと、フィルター・一括操作・検索といった画面機能の設計と実装 - プロダクト側が導入しやすいインターフェース設計と、肥大化したコンポーネントの責務分割リファクタリング - 複数のプロダクトチームの要求を整理した上でのコンポーネント設計・実装・導入支援。導入先プロダクトのフロントエンド実装まで踏み込んで対応 - カラーセレクターや画像プレビューなど、要求整理からFigmaでのUI設計、実装までを一気通貫で担当 - 導入ドキュメント・Storybook・FAQの整備と、社内からの技術問い合わせ対応 **成果** - 支出管理・取引先マスタ・権限管理・小口現金・カスタム申請など、社内の主要プロダクトへの導入を実現（2026年8月時点で、社内全主要プロダクトリポジトリへ導入済） - 支出管理および仕訳管理画面において、標準UIのパターン利用率95%以上を達成するプロジェクトを完遂 - 一覧画面の検索・フィルター機能の刷新プロジェクトで実装全般をリードし、スケジュール通りにリリース - 新規参画メンバーへの実装方針共有やオンボーディング資料整備を通じ、自分以外のメンバーが自走できる開発体制を構築 ### プロダクトを跨いで利用されるグローバルナビゲーションの実装 多数のプロダクトの入口となるグローバルナビゲーションのUI統合プロジェクトに参画。共通コンポーネントの実装と、プロダクトへの導入支援を担当。 フロントエンド実装に加え、プロダクトごとのメニュー管理やブックマーク機能のバックエンド実装（Ruby on Rails）も担当（バックエンド部分はプロジェクトの方針変更によりリリース見送り）。 ### AI会計レポートのプロトタイプ開発 社内の短期集中開発プロジェクトの第1号メンバーとして選出され、単独でフロントエンドを担当。会計プロダクトのBS/PL画面上で、表示中の数値をAIが分析し要約と改善案を提示する機能のプロトタイプを開発した。 社外イベントでデモが公開され、限定事業所向けのβ版リリースまで到達。後に会計プロダクトのエンジニアへ引き継ぎ、正式リリースに至った。UI設計・実装全般を担当し、チャット形式でAIとやり取りするコンポーネントは他プロダクトからも利用可能な形で設計したため、社内における同種機能の標準実装となった。