Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HRBrainの生態系を支えるフロントエンドチームの取り組み / 2023-06-22-AwE...

HRBrainの生態系を支えるフロントエンドチームの取り組み / 2023-06-22-AwEngineerMeetup

Yuji Yamaguchi

June 22, 2023
Tweet

More Decks by Yuji Yamaguchi

Other Decks in Technology

Transcript

  1. 4 自己紹介 • ヤマグチ ユウジ(35) ◦ SNS: @yug1224 • フロントエンドエンジニア

    • 三児の父 ◦ 11歳、9歳、1歳 • 趣味/興味 ◦ オープンワールドゲーム ◦ Home automation ◦ Fediverse • 2011/04 ソフトバンクモバイル株式会社 ◦ フロントエンドエンジニア • 2016/01 株式会社サイバーエージェント ◦ フロントエンドエンジニア • 2016/10 株式会社リクルートライフスタイル ◦ フロントエンドエンジニア ◦ プロジェクトマネージャー • 2021/10 株式会社ラクス ◦ アシスタントマネージャー • 2022/08 株式会社HRBrain ◦ エンジニアリングマネージャー
  2. 10 マルチプロダクト × フロントエンドの課題 • 各プロダクトごとのドメイン差異 ◦ タレントマネジメント・人事評価・組織診断・労務管理 ◦ 共通化している部分はあるが、ドメイン知識すべてを流用することはできない

    • コンウェイの法則 ◦ プロダクトごとのチーム構成 ◦ モノレポの中でアーキテクチャが分岐していってしまう プロダクト横断でUI/UXの統一が難しい
  3. • デザインシステムとUIコンポーネントライブラリ ◦ プロダクト横断で共有 ◦ 各プロダクトのデザイナーとフロントエンドエンジニアが管理 • プロダクト横断のフロントエンドオフィスアワー ◦ 各プロダクトのフロントエンドエンジニアが集まる会を運営

    ◦ 他にもプロデザ・バックエンド・テックリード軸のMTGもあり相互に連携 ◦ 任意のメンバーも聞けるようにオンライン上で開催し議事録も公開 ◦ 他にType-Challenge会や輪読会なども 12 改善の取り組み
  4. • HRBrainとは? ◦ HRTech SaaS企業でマルチプロダクトを展開 • マルチプロダクト × フロントエンドの不 ◦

    プロダクト横断でのUI/UXの統一が難しい • 改善の取り組み ◦ デザインシステム・UIコンポーネントライブラリの整備 ◦ プロダクト横断でコミュニケーションを促進する施策実行 • 取り組みの背景 ◦ コミュニケーション量の多い活躍人材の再現性を高めるため 22 まとめ