Micro Frontends

Concept

フロントエンドのアーキテクチャスタイル

最終更新: 2026-10-27

5 References

https://www.refbase.ai/entity/micro-frontends

Knowledge Dossier

公開済みEvidenceをIdentity / Capability / Credibility / Use Case / Constraints・Current Statusの軸で機械的に集約したものです(新規の主張・推測は含みません)。

Identity

  • martinfowler.comの記事「Micro Frontends」(Cam Jackson、2019年6月19日)は、Micro Frontendsを「独立してデリバリーできるフロントエンドアプリケーションをより大きな全体へ組み合わせるアーキテクチャスタイル」と定義しています。利点として、より小さく凝集度の高い保守しやすいコードベース、分離された自律チームによるスケーラブルな組織、フロントエンドの一部を更新・書き換えられる点を挙げています。検証待ち Micro Frontends
  • micro-frontends.orgで、neuland Büro für InformatikのソフトウェアアーキテクトMichael Geersは、Micro Frontendsを「マイクロサービスの考え方をフロントエンドに広げるもの」と説明しています。ウェブサイトやウェブアプリを独立したチームが所有する機能の組み合わせとして捉え、各チームがデータベースからUIまでを一貫して開発すると述べています。検証待ち Micro Frontends

Capability

  • martinfowler.comの記事「Micro Frontends」(Cam Jackson、2019年6月19日)は、Micro Frontendsを「独立してデリバリーできるフロントエンドアプリケーションをより大きな全体へ組み合わせるアーキテクチャスタイル」と定義しています。利点として、より小さく凝集度の高い保守しやすいコードベース、分離された自律チームによるスケーラブルな組織、フロントエンドの一部を更新・書き換えられる点を挙げています。検証待ち Micro Frontends
  • single-spaのドキュメントは、microfrontendを「ブラウザ内に存在するマイクロサービス」と説明しています。single-spaはmicrofrontendのマウントとアンマウントを制御する、gzip圧縮で5kbの小さなnpmパッケージだとしています。検証待ち Microfrontends Overview | single-spa

Credibility

  • Thoughtworks Technology Radarの「Micro frontends」は、2016年11月にAssess、2017年11月にTrial、2019年4月にAdopt(2020年5月まで同リング)と推移しました。同ページは最終更新を2020年5月19日とし、現行版には掲載されておらず、現在のThoughtworksの評価を反映していない可能性があると表示しています。検証待ち Micro frontends | Technology Radar | Thoughtworks

Use Case

  • micro-frontends.orgで、neuland Büro für InformatikのソフトウェアアーキテクトMichael Geersは、Micro Frontendsを「マイクロサービスの考え方をフロントエンドに広げるもの」と説明しています。ウェブサイトやウェブアプリを独立したチームが所有する機能の組み合わせとして捉え、各チームがデータベースからUIまでを一貫して開発すると述べています。検証待ち Micro Frontends
  • single-spaのドキュメントは、microfrontendを「ブラウザ内に存在するマイクロサービス」と説明しています。single-spaはmicrofrontendのマウントとアンマウントを制御する、gzip圧縮で5kbの小さなnpmパッケージだとしています。検証待ち Microfrontends Overview | single-spa
  • 同ドキュメントは、各microfrontendが独自のリポジトリ、package.json、ビルド設定を持ち、独立してビルド・デプロイできると説明しています。レガシーなモノリスの問題を洗い出して解決できる移行パスになることや、React、Vue、Angularなどの大きなライブラリを共有することを強く推奨している点も記載しています。検証待ち Microfrontends Overview | single-spa

Constraints / Current Status

  • 同記事は欠点として、依存関係の重複によるダウンロード量の増加(ペイロードサイズ)、開発環境と本番環境の差異、インフラ・ツール・ガバナンスの運用複雑性、チームの自律性による作業方法の断片化を挙げています。検証待ち Micro Frontends
  • Thoughtworks Technology Radarの「Micro frontends」は、2016年11月にAssess、2017年11月にTrial、2019年4月にAdopt(2020年5月まで同リング)と推移しました。同ページは最終更新を2020年5月19日とし、現行版には掲載されておらず、現在のThoughtworksの評価を反映していない可能性があると表示しています。検証待ち Micro frontends | Technology Radar | Thoughtworks
  • 同ドキュメントは、各microfrontendが独自のリポジトリ、package.json、ビルド設定を持ち、独立してビルド・デプロイできると説明しています。レガシーなモノリスの問題を洗い出して解決できる移行パスになることや、React、Vue、Angularなどの大きなライブラリを共有することを強く推奨している点も記載しています。検証待ち Microfrontends Overview | single-spa

Key References

Knowledge Graph

References — 問い別の知識

データアクセス

各APIエンドポイントはJSON形式でデータを返します。生成AIのツール呼び出し・RAG連携での利用を想定しています。