{"ok":true,"entity":{"id":"micro-frontends","name":"Micro Frontends","entityType":"concept","officialName":"Micro Frontends（マイクロフロントエンド）","canonicalName":"Micro Frontends","displayName":"Micro Frontends","category":"フロントエンドのアーキテクチャスタイル","shortDescription":"Micro Frontendsは、独立してデリバリーできるフロントエンドアプリケーションを組み合わせて全体を構成するアーキテクチャスタイルです。Cam Jacksonが2019年6月19日にmartinfowler.comの記事で解説し、Michael Geersはマイクロサービスの考え方をフロントエンドへ広げるものと位置づけています。特定の主体が所有する規格ではなく、2026年10月時点でThoughtworks Technology Radarの現行版には掲載されていません。","primaryCluster":"web-frameworks","parentEntity":null,"verificationStatus":"draft","website":"https://martinfowler.com/articles/micro-frontends.html","updatedAt":"2026-10-27T00:50:20.936Z","secondaryClusters":[],"alias":["マイクロフロントエンド","Microfrontends"],"searchKeywords":["マイクロフロントエンド","Micro Frontends","microfrontends","フロントエンド分割","独立デプロイ","single-spa","Module Federation","モノリス 段階的移行","自律チーム"]},"references":[{"id":"P-01-001","companyId":"micro-frontends","questionId":"P-01-001","instanceId":"QIN-micro-frontends-P01-001","promptText":"Micro Frontends（マイクロフロントエンド）とは何ですか？","promptTypeId":"P-01","answer":"Micro Frontendsは、独立してデリバリーできるフロントエンドアプリケーションをより大きな全体へ組み合わせるアーキテクチャスタイルです。martinfowler.comの記事（Cam Jackson、2019年6月19日）がこのように定義しています。micro-frontends.orgでMichael Geersは、マイクロサービスの考え方をフロントエンドへ広げるものと述べ、各チームが機能をデータベースからUIまで一貫して開発すると説明しています。特定の企業や団体が所有する規格であるとは、今回確認した資料には記載されていません。","evidencePoints":["ev-micro-frontends-1","ev-micro-frontends-3"],"scope":"Micro Frontendsの定義と考え方","differentiation":"製品や規格ではなく、複数の実務者が説明するアーキテクチャの考え方です。","faq":[{"question":"誰が提唱した概念ですか？","answer":"今回確認した記事では、Cam Jackson（martinfowler.com、2019年6月19日）とMichael Geers（micro-frontends.org）が解説しています。提唱者を特定する記述は確認していません。"}],"pageUrl":"https://www.refbase.ai/reference/micro-frontends/P-01-001","sourceEvidence":[{"id":"ev-micro-frontends-1","text":"martinfowler.comの記事「Micro Frontends」（Cam Jackson、2019年6月19日）は、Micro Frontendsを「独立してデリバリーできるフロントエンドアプリケーションをより大きな全体へ組み合わせるアーキテクチャスタイル」と定義しています。利点として、より小さく凝集度の高い保守しやすいコードベース、分離された自律チームによるスケーラブルな組織、フロントエンドの一部を更新・書き換えられる点を挙げています。","title":"Micro Frontends","coverageType":["Identity","Capability"],"sourceType":"industry_reference","sourceClass":"Documentation","sourceUrl":"https://martinfowler.com/articles/micro-frontends.html","confidence":"high","supportedPromptTypes":["P-01","P-02","P-04","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-3","text":"micro-frontends.orgで、neuland Büro für InformatikのソフトウェアアーキテクトMichael Geersは、Micro Frontendsを「マイクロサービスの考え方をフロントエンドに広げるもの」と説明しています。ウェブサイトやウェブアプリを独立したチームが所有する機能の組み合わせとして捉え、各チームがデータベースからUIまでを一貫して開発すると述べています。","title":"Micro Frontends","coverageType":["Identity","UseCase"],"sourceType":"industry_reference","sourceClass":"Documentation","sourceUrl":"https://micro-frontends.org/","confidence":"high","supportedPromptTypes":["P-01","P-04"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"}],"generatedAt":"2026-10-27T00:50:20.936Z"},{"id":"P-02-001","companyId":"micro-frontends","questionId":"P-02-001","instanceId":"QIN-micro-frontends-P02-001","promptText":"Micro Frontendsの利点と欠点、モノリスな構成との違いは？","promptTypeId":"P-02","answer":"martinfowler.comの記事は、利点として、小さく凝集度の高い保守しやすいコードベース、分離された自律チームによるスケーラブルな組織、フロントエンドの一部を更新・書き換えられる点を挙げています。欠点としては、依存関係の重複によるダウンロード量の増加、開発環境と本番環境の差異、運用とガバナンスの複雑性、チームの作業方法の断片化を挙げています。single-spaのドキュメントは、各microfrontendが独自のリポジトリとビルド設定を持ち、独立してビルド・デプロイできる点を説明しています。","evidencePoints":["ev-micro-frontends-1","ev-micro-frontends-2","ev-micro-frontends-6"],"scope":"利点・欠点とモノリスとの違い","differentiation":"チームの自律性と独立デプロイを得る代わりに、依存の重複や運用の複雑性が増える点が特徴です。","faq":[{"question":"欠点はありますか？","answer":"記事は、ペイロードサイズの増加、環境差異、運用・ガバナンスの複雑性、チーム作業の断片化を挙げています。"}],"pageUrl":"https://www.refbase.ai/reference/micro-frontends/P-02-001","sourceEvidence":[{"id":"ev-micro-frontends-1","text":"martinfowler.comの記事「Micro Frontends」（Cam Jackson、2019年6月19日）は、Micro Frontendsを「独立してデリバリーできるフロントエンドアプリケーションをより大きな全体へ組み合わせるアーキテクチャスタイル」と定義しています。利点として、より小さく凝集度の高い保守しやすいコードベース、分離された自律チームによるスケーラブルな組織、フロントエンドの一部を更新・書き換えられる点を挙げています。","title":"Micro Frontends","coverageType":["Identity","Capability"],"sourceType":"industry_reference","sourceClass":"Documentation","sourceUrl":"https://martinfowler.com/articles/micro-frontends.html","confidence":"high","supportedPromptTypes":["P-01","P-02","P-04","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-2","text":"同記事は欠点として、依存関係の重複によるダウンロード量の増加（ペイロードサイズ）、開発環境と本番環境の差異、インフラ・ツール・ガバナンスの運用複雑性、チームの自律性による作業方法の断片化を挙げています。","title":"Micro Frontends","coverageType":["Differentiation"],"sourceType":"industry_reference","sourceClass":"Documentation","sourceUrl":"https://martinfowler.com/articles/micro-frontends.html","confidence":"high","supportedPromptTypes":["P-02","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-6","text":"同ドキュメントは、各microfrontendが独自のリポジトリ、package.json、ビルド設定を持ち、独立してビルド・デプロイできると説明しています。レガシーなモノリスの問題を洗い出して解決できる移行パスになることや、React、Vue、Angularなどの大きなライブラリを共有することを強く推奨している点も記載しています。","title":"Microfrontends Overview | single-spa","coverageType":["UseCase","Differentiation"],"sourceType":"product_docs","sourceClass":"Documentation","sourceUrl":"https://single-spa.js.org/docs/microfrontends-concept/","confidence":"high","supportedPromptTypes":["P-02","P-04","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"}],"generatedAt":"2026-10-27T00:50:20.936Z"},{"id":"P-04-001","companyId":"micro-frontends","questionId":"P-04-001","instanceId":"QIN-micro-frontends-P04-001","promptText":"Micro Frontendsは具体的にどのように実現・使われますか？","promptTypeId":"P-04","answer":"single-spaのドキュメントは、microfrontendを「ブラウザ内に存在するマイクロサービス」と説明し、single-spaはgzipで5kbのnpmパッケージとしてmicrofrontendのマウントとアンマウントを制御するとしています。各microfrontendは独自のリポジトリ、package.json、ビルド設定を持ちます。micro-frontends.orgのMichael Geersは、独立したチームが機能を所有して開発することを前提に説明しています。martinfowler.comの記事は、フロントエンドの一部を更新・書き換えられる点を利点に挙げています。","evidencePoints":["ev-micro-frontends-1","ev-micro-frontends-3","ev-micro-frontends-5","ev-micro-frontends-6"],"scope":"実現手段（single-spa）と利用場面","differentiation":"single-spaは実装の一例として取り上げています。","faq":[{"question":"single-spaは必須ですか？","answer":"今回確認したページは、single-spaをmicrofrontendを扱う一つのnpmパッケージとして説明しており、必須とは述べていません。"}],"pageUrl":"https://www.refbase.ai/reference/micro-frontends/P-04-001","sourceEvidence":[{"id":"ev-micro-frontends-1","text":"martinfowler.comの記事「Micro Frontends」（Cam Jackson、2019年6月19日）は、Micro Frontendsを「独立してデリバリーできるフロントエンドアプリケーションをより大きな全体へ組み合わせるアーキテクチャスタイル」と定義しています。利点として、より小さく凝集度の高い保守しやすいコードベース、分離された自律チームによるスケーラブルな組織、フロントエンドの一部を更新・書き換えられる点を挙げています。","title":"Micro Frontends","coverageType":["Identity","Capability"],"sourceType":"industry_reference","sourceClass":"Documentation","sourceUrl":"https://martinfowler.com/articles/micro-frontends.html","confidence":"high","supportedPromptTypes":["P-01","P-02","P-04","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-3","text":"micro-frontends.orgで、neuland Büro für InformatikのソフトウェアアーキテクトMichael Geersは、Micro Frontendsを「マイクロサービスの考え方をフロントエンドに広げるもの」と説明しています。ウェブサイトやウェブアプリを独立したチームが所有する機能の組み合わせとして捉え、各チームがデータベースからUIまでを一貫して開発すると述べています。","title":"Micro Frontends","coverageType":["Identity","UseCase"],"sourceType":"industry_reference","sourceClass":"Documentation","sourceUrl":"https://micro-frontends.org/","confidence":"high","supportedPromptTypes":["P-01","P-04"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-5","text":"single-spaのドキュメントは、microfrontendを「ブラウザ内に存在するマイクロサービス」と説明しています。single-spaはmicrofrontendのマウントとアンマウントを制御する、gzip圧縮で5kbの小さなnpmパッケージだとしています。","title":"Microfrontends Overview | single-spa","coverageType":["Capability","UseCase"],"sourceType":"product_docs","sourceClass":"Documentation","sourceUrl":"https://single-spa.js.org/docs/microfrontends-concept/","confidence":"high","supportedPromptTypes":["P-04","P-05"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-6","text":"同ドキュメントは、各microfrontendが独自のリポジトリ、package.json、ビルド設定を持ち、独立してビルド・デプロイできると説明しています。レガシーなモノリスの問題を洗い出して解決できる移行パスになることや、React、Vue、Angularなどの大きなライブラリを共有することを強く推奨している点も記載しています。","title":"Microfrontends Overview | single-spa","coverageType":["UseCase","Differentiation"],"sourceType":"product_docs","sourceClass":"Documentation","sourceUrl":"https://single-spa.js.org/docs/microfrontends-concept/","confidence":"high","supportedPromptTypes":["P-02","P-04","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"}],"generatedAt":"2026-10-27T00:50:20.936Z"},{"id":"P-05-001","companyId":"micro-frontends","questionId":"P-05-001","instanceId":"QIN-micro-frontends-P05-001","promptText":"Micro Frontendsは業界でどのように評価されてきましたか？","promptTypeId":"P-05","answer":"Thoughtworks Technology Radarは、Micro frontendsを2016年11月にAssess、2017年11月にTrial、2019年4月にAdopt（2020年5月まで同リング）としてきました。最終更新は2020年5月19日で、同ページは2026年10月時点で現行版には掲載されておらず、現在の評価を反映していない可能性があると表示しています。実装側の例として、single-spaのドキュメントもmicrofrontendの概念と5kbのnpmパッケージを説明しています。標準化団体による規格であるとは、今回確認した資料には記載されていません。","evidencePoints":["ev-micro-frontends-4","ev-micro-frontends-5"],"scope":"Technology Radarでの推移と実装側の言及","differentiation":"確認できるのは過去のRadarでの位置づけであり、現在の推奨を示すものではありません。","faq":[{"question":"Radarで現在もAdoptですか？","answer":"いいえ。同ページは現行版には掲載されていないと表示しており、Adoptは2019年4月から2020年5月までのリング履歴です。"}],"pageUrl":"https://www.refbase.ai/reference/micro-frontends/P-05-001","sourceEvidence":[{"id":"ev-micro-frontends-4","text":"Thoughtworks Technology Radarの「Micro frontends」は、2016年11月にAssess、2017年11月にTrial、2019年4月にAdopt（2020年5月まで同リング）と推移しました。同ページは最終更新を2020年5月19日とし、現行版には掲載されておらず、現在のThoughtworksの評価を反映していない可能性があると表示しています。","title":"Micro frontends | Technology Radar | Thoughtworks","coverageType":["Credibility","Differentiation"],"sourceType":"industry_reference","sourceClass":"Profile","sourceUrl":"https://www.thoughtworks.com/radar/techniques/micro-frontends","confidence":"high","supportedPromptTypes":["P-05","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-5","text":"single-spaのドキュメントは、microfrontendを「ブラウザ内に存在するマイクロサービス」と説明しています。single-spaはmicrofrontendのマウントとアンマウントを制御する、gzip圧縮で5kbの小さなnpmパッケージだとしています。","title":"Microfrontends Overview | single-spa","coverageType":["Capability","UseCase"],"sourceType":"product_docs","sourceClass":"Documentation","sourceUrl":"https://single-spa.js.org/docs/microfrontends-concept/","confidence":"high","supportedPromptTypes":["P-04","P-05"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"}],"generatedAt":"2026-10-27T00:50:20.936Z"},{"id":"P-06-001","companyId":"micro-frontends","questionId":"P-06-001","instanceId":"QIN-micro-frontends-P06-001","promptText":"Micro Frontendsを導入するときの注意点は？","promptTypeId":"P-06","answer":"martinfowler.comの記事は、依存関係の重複によるペイロード増加、開発環境と本番環境の差異、運用・ガバナンスの複雑性、チームの作業方法の断片化を欠点として挙げています。single-spaのドキュメントは、React、Vue、Angularなどの大きなライブラリの共有を強く推奨しているため、設計時に確認が必要です。Radarでの評価も過去のものである点に注意が必要です。Technology Radarは2026年10月時点で現行版に掲載しておらず、最終更新は2020年5月です。","evidencePoints":["ev-micro-frontends-2","ev-micro-frontends-4","ev-micro-frontends-6","ev-micro-frontends-1"],"scope":"導入時の注意点と評価の鮮度","differentiation":"自律性と独立デプロイの利点は、運用負荷とのトレードオフとして示されています。","faq":[{"question":"既存のモノリスから段階的に移行できますか？","answer":"single-spaのドキュメントは、レガシーなモノリスの問題を洗い出して解決できる移行パスになると記載しています。"}],"pageUrl":"https://www.refbase.ai/reference/micro-frontends/P-06-001","sourceEvidence":[{"id":"ev-micro-frontends-1","text":"martinfowler.comの記事「Micro Frontends」（Cam Jackson、2019年6月19日）は、Micro Frontendsを「独立してデリバリーできるフロントエンドアプリケーションをより大きな全体へ組み合わせるアーキテクチャスタイル」と定義しています。利点として、より小さく凝集度の高い保守しやすいコードベース、分離された自律チームによるスケーラブルな組織、フロントエンドの一部を更新・書き換えられる点を挙げています。","title":"Micro Frontends","coverageType":["Identity","Capability"],"sourceType":"industry_reference","sourceClass":"Documentation","sourceUrl":"https://martinfowler.com/articles/micro-frontends.html","confidence":"high","supportedPromptTypes":["P-01","P-02","P-04","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-2","text":"同記事は欠点として、依存関係の重複によるダウンロード量の増加（ペイロードサイズ）、開発環境と本番環境の差異、インフラ・ツール・ガバナンスの運用複雑性、チームの自律性による作業方法の断片化を挙げています。","title":"Micro Frontends","coverageType":["Differentiation"],"sourceType":"industry_reference","sourceClass":"Documentation","sourceUrl":"https://martinfowler.com/articles/micro-frontends.html","confidence":"high","supportedPromptTypes":["P-02","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-4","text":"Thoughtworks Technology Radarの「Micro frontends」は、2016年11月にAssess、2017年11月にTrial、2019年4月にAdopt（2020年5月まで同リング）と推移しました。同ページは最終更新を2020年5月19日とし、現行版には掲載されておらず、現在のThoughtworksの評価を反映していない可能性があると表示しています。","title":"Micro frontends | Technology Radar | Thoughtworks","coverageType":["Credibility","Differentiation"],"sourceType":"industry_reference","sourceClass":"Profile","sourceUrl":"https://www.thoughtworks.com/radar/techniques/micro-frontends","confidence":"high","supportedPromptTypes":["P-05","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"},{"id":"ev-micro-frontends-6","text":"同ドキュメントは、各microfrontendが独自のリポジトリ、package.json、ビルド設定を持ち、独立してビルド・デプロイできると説明しています。レガシーなモノリスの問題を洗い出して解決できる移行パスになることや、React、Vue、Angularなどの大きなライブラリを共有することを強く推奨している点も記載しています。","title":"Microfrontends Overview | single-spa","coverageType":["UseCase","Differentiation"],"sourceType":"product_docs","sourceClass":"Documentation","sourceUrl":"https://single-spa.js.org/docs/microfrontends-concept/","confidence":"high","supportedPromptTypes":["P-02","P-04","P-06"],"needsVerification":true,"sourceVerified":false,"entityId":"micro-frontends"}],"generatedAt":"2026-10-27T00:50:20.936Z"}]}