qiankun によるマイクロフロントエンドの統合メカニズム

DRANK

はじめにこんにちは、READYFOR のテックリード兼フロントエンドエンジニアの菅原（@kotarella1110）です！READYFOR はクラウドファンディングのプラットフォームで、数年前に実行者（プロジェクトを掲載するユーザー）向けの管理画面をリニューアルし、その際にマイクロフロントエンドアーキテクチャを採用しました。管理画面リニューアルのベータ版リリース時は三つの独立したフロントエンドアプリケーションを統合し、一つの統一されたアプリケーションとして提供していましたが、その後の機能追加によりフロントエンドアプリケーションが増え、現在では六つのフロントエンドアプリケーションを統合して提供しています。この統合には、qiankun（チェンクン）というマイクロフロントエンドフレームワークを使用しています。そこで、本記事では qiankun によるマイクロフロントエンドの統合メカニズムついて説明したいと思います。マイクロフロントエンドの説明については省略致しますので、マイクロフロントエンドについて知りたい方は、以下のリンク先の記事が詳しいです。://zenn.dev/silverbirder/books/2d4da5d033685752d1c7qiankun とは？qiankun は、Ant Design など…