実践！Micro Frontends！〜kintone の共通ヘッダーは独立したデプロイの夢を見るか〜

異なるライブラリ(Closure Library, React)が共存する画面を Micro Frontends のアプローチを用いて部分刷新した事例についてご紹介します

Outline/Structure of the Talk

• BuriKaigi 2023 で発表したサイトの行末
• kintone の紹介
• Micro Frontends の概要
  • メリット/デメリット
  • 結合パターン
  • 参考資料
• kintone の全画面の共通ヘッダーを刷新するときに生じた課題
• Client Side Composition の実践
  • iframe による結合
  • JavaScript によるランタイム結合
  • Web Components によるランタイム結合
• 選択した結合方法とその理由
• 得られた効果
• 刷新した共通ヘッダーの今

Learning Outcome

• 大規模なソフトウェアの分割方法・組織アプローチ
• Client Side Composition のパターンとそれぞれのメリデメ

Target Audience

• 大規模なソフトウェアの分割方法・組織アプローチに興味のある方
• Micro Frontends の実践事例を知りたい方
• 僕に興味がある方