5章マイクロフロントエンドの技術的実装

この章では、マイクロフロントエンドの意思決定フレームワークを使用して、基本的なECサイトを構築します。「4章 マイクロフロントエンドアーキテクチャの発見」で説明した技術的アプローチの1つを使います。これまで述べてきたように、アーキテクチャに関しては、万能な解決策はありません。プロジェクトの目標、組織の構造とコミュニケーション、会社で利用できる技術的なスキルなどは、アプローチを選択する際に考慮すべき要因の一部です。

対象とするコンテキストを特定した後、マイクロフロントエンドの意思決定フレームワークを使って、アーキテクチャの技術的方向性の主要な柱を定義します。複数のフレームワークで同一の例を作るのではなく、正しいメンタルモデルの構築のサポートに重点を置き、利用可能なオプションのうち1つか2つだけを記憶するのではなく、どのマイクロフロントエンドフレームワークでもマスターできるようにします。

我々は、これからいくつかのコードを探求しますが、なぜ意思決定が行われるかを理解することの重要性を強調します。そうすることで、次のプロジェクトでは、使用するアプローチやフレームワークが異なっても、特定のマイクロフロントエンドフレームワークにどれだけ精通しているかには関係なく、正しい方向性を決定できます。

老子の言葉に、「授人以魚 不如授人以漁」(人に魚を与えれば一日で食べてしまうが、釣り方を教えれば一生食べていける)というものがあります。魚を釣れるようになりましょう。

5.1 プロジェクト

これから作成するプロジェクトは、企業組織向けのスワッグ†1ECサイトです。このサイトは、以下のような複数のサブドメインで構成されています。

[†1] 訳注:スワッグとは、企業が販促のために使うノベルティーグッズのこと。 ...

Get マイクロフロントエンド ―マイクロサービスアーキテクチャの概念をフロントエンドに拡張し、信頼性、自律性の高いシステムを構築する now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.