Good frontend development is hard. Scaling frontend development so that many teams can work simultaneously on a large and complex product is even harder. In this article we'll describe a recent trend of breaking up frontend monoliths into many smaller, more manageable pieces, and how this architecture can increase the effectiveness and efficiency of teams working on frontend code. As well as talki

本記事は2022年11月に開催した「Tech-Verse 2022」で発表したセッションを要約したものです。アーカイブ動画を文末に掲載しています。質疑応答の様子も収録されていますのでぜひご覧ください。 ヤフーショッピングのフロントエンドを支える共通配信技術について、「共通UI配信サービス誕生までの経緯」と「共通UI配信サービスを支える技術」の2部構成で紹介します。 共通UI配信サービス誕生までの経緯 ヤフーショッピングには、トップ、検索、商品詳細、カート、レビュー、問い合わせ、製品、キャンペーン、ランキング、注文履歴などさまざまな画面があり、それに合わせてさまざまな開発チームが存在しています。 各チームでアプリケーションは独立していて、それぞれリンクで接続されています。共通UIのHTMLもアプリケーションが異なれば、それぞれに記述されます。同じアプリケーション内で共通UIを実装するのは簡単

2023/04/16に開催されたfreee 技術の日 2023 - connpass https://freee.connpass.com/event/274961/ での発表資料です。 発表時間：14:10 - 14:25 @KATARIBAステージ

MotivationMultiple separate builds should form a single application. These separate builds act like containers and can expose and consume code between builds, creating a single, unified application. This is often known as Micro-Frontends, but is not limited to that. Low-level conceptsWe distinguish between local and remote modules. Local modules are regular modules that are part of the current bui

5 Steps to Turn a Random React Application Into a Micro Front-End Get started with micro front-ends, a novel way to run multiple applications, that feel like just one application