https://b.hatena.ne.jp/efcl/MicroFrontend/ MicroFrontendに関するefclのはてなブックマーク (29) https://zephyr-cloud.io/ Module FederationのバックエンドSaaS ByteDanceのVMockとかそういう系統 efcl 2025-12-03T00:46:04Z MicroFrontend <blockquote cite="https://zephyr-cloud.io/" title="Zephyr Cloud"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzephyr-cloud.io%2F" alt="" /> <a href="https://zephyr-cloud.io/">Zephyr Cloud</a></cite><p><a href="https://zephyr-cloud.io/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/affe7d7be40625651ca8597c8b4ebd7a5f78ba61/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.prod.website-files.com%2F669061ee3adb95b628c3acda%2F66981c766e352fe1f57191e2_Opengraph-zephyr.png" alt="Zephyr Cloud" title="Zephyr Cloud" class="entry-image" /></a></p><p>Zephyr Cloud helps teams ship web and mobile apps globally in under a second. Built by the team behind Module Federation, Zephyr Cloud gives engineering teams a faster path from idea to production with multi-cloud deployment, versioned rollbacks, and zero vendor lock-in. The platform supports web...</p><p><a href="https://b.hatena.ne.jp/entry/s/zephyr-cloud.io/"><img src="https://b.hatena.ne.jp/entry/image/https://zephyr-cloud.io/" alt="はてなブックマーク - Zephyr Cloud" title="はてなブックマーク - Zephyr Cloud" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zephyr-cloud.io/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 3 https://web-fragments.dev/ JavaScriptのコンテキストをiframeで分離し、CSSのスタイルのコンテキストをShadow DOMで分離するMicrofrontendフレームワーク。 Cloudflareで利用されている efcl 2025-11-23T12:11:23Z MicroFrontend library <blockquote cite="https://web-fragments.dev/" title="GitHub"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fweb-fragments.dev%2F" alt="" /> <a href="https://web-fragments.dev/">GitHub</a></cite><p><a href="https://web-fragments.dev/"><img src="" alt="GitHub" title="GitHub" class="entry-image" /></a></p><p>Web Fragments are a radically new architecture for micro-frontends. Web Fragments allow you to decouple and incrementally migrate a user interface to a new stack, in a truly encapsulated, independently deployable and fate-sharing-free way.</p><p><a href="https://b.hatena.ne.jp/entry/s/web-fragments.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://web-fragments.dev/" alt="はてなブックマーク - GitHub" title="はてなブックマーク - GitHub" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/web-fragments.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://vercel.com/docs/microfrontends VercelのMicrofrontendサポートのドキュメント efcl 2025-11-03T23:35:25Z document JavaScript vercel monorepo MicroFrontend <blockquote cite="https://vercel.com/docs/microfrontends" title="Microfrontends"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fvercel.com%2Fdocs%2Fmicrofrontends" alt="" /> <a href="https://vercel.com/docs/microfrontends">Microfrontends</a></cite><p><a href="https://vercel.com/docs/microfrontends"><img src="" alt="Microfrontends" title="Microfrontends" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/vercel.com/docs/microfrontends"><img src="https://b.hatena.ne.jp/entry/image/https://vercel.com/docs/microfrontends" alt="はてなブックマーク - Microfrontends" title="はてなブックマーク - Microfrontends" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/vercel.com/docs/microfrontends"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://www.greatfrontend.com/ フロントエンドの面接/インタビュー教材 efcl 2024-10-22T23:40:38Z MicroFrontend Interview hiring <blockquote cite="https://www.greatfrontend.com/" title="GreatFrontEnd"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.greatfrontend.com%2F" alt="" /> <a href="https://www.greatfrontend.com/">GreatFrontEnd</a></cite><p><a href="https://www.greatfrontend.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3a4fe48e0cf8870477935895f8b18a34da16aa46/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.gfecdn.net%2Fimg%2Fseo%2Fog.jpg" alt="GreatFrontEnd" title="GreatFrontEnd" class="entry-image" /></a></p><p>&quot;Over my career, I have conducted over hundreds of interviews at Meta and have personally received offers from companies like Meta, Google, OpenAI, xAI, Airbnb, Lyft, Dropbox, etc. and I understand the challenges that front end engineers face when preparing for interviews. GreatFrontEnd is the cu...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.greatfrontend.com/"><img src="https://b.hatena.ne.jp/entry/image/https://www.greatfrontend.com/" alt="はてなブックマーク - GreatFrontEnd" title="はてなブックマーク - GreatFrontEnd" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.greatfrontend.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 6 https://savochkin.medium.com/when-we-gathered-the-stats-on-the-mrs-it-turned-out-that-there-were-two-biggest-contributors-to-the-84dd0a17521c PRがマージされる時間が8分までに短縮されたのは、PRをApproveするフローのポリシー変更、デプロイ時の自動化によるポリシー変更。 どちらもポリシーの変更で短縮されてる efcl 2024-03-16T12:32:56Z article MicroFrontend <blockquote cite="https://savochkin.medium.com/when-we-gathered-the-stats-on-the-mrs-it-turned-out-that-there-were-two-biggest-contributors-to-the-84dd0a17521c" title="When we gathered the stats on the MRs it turned out that there were two biggest contributors to the…"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsavochkin.medium.com%2Fwhen-we-gathered-the-stats-on-the-mrs-it-turned-out-that-there-were-two-biggest-contributors-to-the-84dd0a17521c" alt="" /> <a href="https://savochkin.medium.com/when-we-gathered-the-stats-on-the-mrs-it-turned-out-that-there-were-two-biggest-contributors-to-the-84dd0a17521c">When we gathered the stats on the MRs it turned out that there were two biggest contributors to the…</a></cite><p><a href="https://savochkin.medium.com/when-we-gathered-the-stats-on-the-mrs-it-turned-out-that-there-were-two-biggest-contributors-to-the-84dd0a17521c"><img src="" alt="When we gathered the stats on the MRs it turned out that there were two biggest contributors to the…" title="When we gathered the stats on the MRs it turned out that there were two biggest contributors to the…" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/savochkin.medium.com/when-we-gathered-the-stats-on-the-mrs-it-turned-out-that-there-were-two-biggest-contributors-to-the-84dd0a17521c"><img src="https://b.hatena.ne.jp/entry/image/https://savochkin.medium.com/when-we-gathered-the-stats-on-the-mrs-it-turned-out-that-there-were-two-biggest-contributors-to-the-84dd0a17521c" alt="はてなブックマーク - When we gathered the stats on the MRs it turned out that there were two biggest contributors to the…" title="はてなブックマーク - When we gathered the stats on the MRs it turned out that there were two biggest contributors to the…" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/savochkin.medium.com/when-we-gathered-the-stats-on-the-mrs-it-turned-out-that-there-were-two-biggest-contributors-to-the-84dd0a17521c"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://modernjs.dev/en/ ByteDanceのJavaScript向けのウェブアプリケーションフレームワーク。 Reactをベースにしたクライアントサイド向けのモデルやルーティング、Rspack/ESLint/Jestなどの統合、BFFのサポート、MicroFrontendのサポートなどをしている。 efcl 2023-09-02T06:21:19Z JavaScript library MicroFrontend <blockquote cite="https://modernjs.dev/en/" title="Modern.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmodernjs.dev%2Fen%2F" alt="" /> <a href="https://modernjs.dev/en/">Modern.js</a></cite><p><a href="https://modernjs.dev/en/"><img src="" alt="Modern.js" title="Modern.js" class="entry-image" /></a></p><p>A Progressive React Framework for modern web development.</p><p><a href="https://b.hatena.ne.jp/entry/s/modernjs.dev/en/"><img src="https://b.hatena.ne.jp/entry/image/https://modernjs.dev/en/" alt="はてなブックマーク - Modern.js" title="はてなブックマーク - Modern.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/modernjs.dev/en/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 40 https://module-federation.io/ Microforntendsの開発を補助するModule Federationについてのウェブサイトが公開された。 ドキュメントやユースケース、使い方やサンプルプロジェクトなどが公開されている。 efcl 2023-06-29T00:36:15Z JavaScript MicroFrontend document <blockquote cite="https://module-federation.io/" title="Module federation"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmodule-federation.io%2F" alt="" /> <a href="https://module-federation.io/">Module federation</a></cite><p><a href="https://module-federation.io/"><img src="" alt="Module federation" title="Module federation" class="entry-image" /></a></p><p>Module FederationMicro-Frontend Architecture Make it easier to share code between javascript applications and make team collaboration more efficient</p><p><a href="https://b.hatena.ne.jp/entry/s/module-federation.io/"><img src="https://b.hatena.ne.jp/entry/image/https://module-federation.io/" alt="はてなブックマーク - Module federation" title="はてなブックマーク - Module federation" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/module-federation.io/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 4 https://blog.cloudflare.com/better-micro-frontends/ Cloudflare WorkersとQwikを使ったMicroFrontendのサンプル実装。 各フラグメントを返すWorkerがあり、メインのWorkerからフラグメントのWorkerにリクエストする形で取得したものを結合してSSRする。 各フラグメントとなるWorkerは独立し efcl 2022-10-25T14:07:09Z MicroFrontend article <blockquote cite="https://blog.cloudflare.com/better-micro-frontends/" title="Cloudflare Workers and micro-frontends: made for one another"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.cloudflare.com%2Fbetter-micro-frontends%2F" alt="" /> <a href="https://blog.cloudflare.com/better-micro-frontends/">Cloudflare Workers and micro-frontends: made for one another</a></cite><p><a href="https://blog.cloudflare.com/better-micro-frontends/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/33faa609fe9427aca1e1fa7eaf90c60fae6189b3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcf-assets.www.cloudflare.com%2Fzkvhlag99gkb%2F3kpEl7IFlg5sREGAtBeqtI%2F7a4c816e5172bae00f7d19b6eb21d0c3%2Fbetter-micro-frontends-BBAoTE.png" alt="Cloudflare Workers and micro-frontends: made for one another" title="Cloudflare Workers and micro-frontends: made for one another" class="entry-image" /></a></p><p>To help developers build better web applications we researched and devised a fragments architecture to build micro-frontends using Cloudflare Workers that is lightning fast, cost-effective to develop and operate, and scales to the needs of the largest enterprise teams without compromising release...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.cloudflare.com/better-micro-frontends/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.cloudflare.com/better-micro-frontends/" alt="はてなブックマーク - Cloudflare Workers and micro-frontends: made for one another" title="はてなブックマーク - Cloudflare Workers and micro-frontends: made for one another" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.cloudflare.com/better-micro-frontends/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 37 https://netflixtechblog.com/how-we-build-micro-frontends-with-lattice-22b8635f77ea NetflixのMicroFrontendsフレームワークのLatticeについて。 React + webpack Federated Module, Spinnakerのホストプラグインで弱い依存関係を作る efcl 2021-10-01T09:22:00Z JavaScript MicroFrontend article <blockquote cite="https://netflixtechblog.com/how-we-build-micro-frontends-with-lattice-22b8635f77ea" title="How We Build Micro Frontends With Lattice"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnetflixtechblog.com%2Fhow-we-build-micro-frontends-with-lattice-22b8635f77ea" alt="" /> <a href="https://netflixtechblog.com/how-we-build-micro-frontends-with-lattice-22b8635f77ea">How We Build Micro Frontends With Lattice</a></cite><p><a href="https://netflixtechblog.com/how-we-build-micro-frontends-with-lattice-22b8635f77ea"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8cb13d420e777109d6bdc4d668efde200955ff35/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A580%2F1%2A-_lHpk8arFAUEzI0Oj54jQ.png" alt="How We Build Micro Frontends With Lattice" title="How We Build Micro Frontends With Lattice" class="entry-image" /></a></p><p>As we continue to grow here at Netflix, the needs of Revenue and Growth Engineering are rapidly evolving; and our tools must also evolve just as rapidly. The Revenue and Growth Tools (RGT) team decided to set off on a journey to build tools in an abstract manner to have solutions readily availabl...</p><p><a href="https://b.hatena.ne.jp/entry/s/netflixtechblog.com/how-we-build-micro-frontends-with-lattice-22b8635f77ea"><img src="https://b.hatena.ne.jp/entry/image/https://netflixtechblog.com/how-we-build-micro-frontends-with-lattice-22b8635f77ea" alt="はてなブックマーク - How We Build Micro Frontends With Lattice" title="はてなブックマーク - How We Build Micro Frontends With Lattice" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/netflixtechblog.com/how-we-build-micro-frontends-with-lattice-22b8635f77ea"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 34 https://zenn.dev/mizchi/articles/create-microfrontends-with-vite single-でのビルド済みとCDNの出し分け efcl 2021-09-07T01:25:32Z MicroFrontend <blockquote cite="https://zenn.dev/mizchi/articles/create-microfrontends-with-vite" title="vite と single-spa で作るマイクロフロントエンド基盤"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmizchi%2Farticles%2Fcreate-microfrontends-with-vite" alt="" /> <a href="https://zenn.dev/mizchi/articles/create-microfrontends-with-vite">vite と single-spa で作るマイクロフロントエンド基盤</a></cite><p><a href="https://zenn.dev/mizchi/articles/create-microfrontends-with-vite"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4438d8998534f95fe0ac7f91760dc02634b7b55c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--yJUB4hnW--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3Avite%252520%2525E3%252581%2525A8%252520single-spa%252520%2525E3%252581%2525A7%2525E4%2525BD%25259C%2525E3%252582%25258B%2525E3%252583%25259E%2525E3%252582%2525A4%2525E3%252582%2525AF%2525E3%252583%2525AD%2525E3%252583%252595%2525E3%252583%2525AD%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252583%252589%2525E5%25259F%2525BA%2525E7%25259B%2525A4%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Amizchi%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2liclRHT052Z3d3ay1fNGxlcVk4TGNGSlNuX0FoWnpEWVlKaXJNcWc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="vite と single-spa で作るマイクロフロントエンド基盤" title="vite と single-spa で作るマイクロフロントエンド基盤" class="entry-image" /></a></p><p>超巨大フロントエンドを分割する基盤を作ろうとしたものの紹介します。 この記事の前提 巨大フロントエンドを分割統治したい SSR は考えない モダンブラウザのみ対応する(IE11 非対応) この記事では single-spa とマイクロフロントエンドの紹介はしません。こちらの記事を読んでください。 マイクロフロントエンド入門 s...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mizchi/articles/create-microfrontends-with-vite"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/mizchi/articles/create-microfrontends-with-vite" alt="はてなブックマーク - vite と single-spa で作るマイクロフロントエンド基盤" title="はてなブックマーク - vite と single-spa で作るマイクロフロントエンド基盤" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/mizchi/articles/create-microfrontends-with-vite"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 26 https://github.com/umijs/umi Micro FrontendなReactフレームワーク efcl 2021-04-03T06:10:45Z React library MicroFrontend <blockquote cite="https://github.com/umijs/umi" title="GitHub - umijs/umi: A framework in react community ✨"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fumijs%2Fumi" alt="" /> <a href="https://github.com/umijs/umi">GitHub - umijs/umi: A framework in react community ✨</a></cite><p><a href="https://github.com/umijs/umi"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/47356d5ef2d3ccac673e712194290190375ebab7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Frepository-images.githubusercontent.com%2F111667959%2F26b787f8-dc1f-4c9a-b5a6-88fb894891ee" alt="GitHub - umijs/umi: A framework in react community ✨" title="GitHub - umijs/umi: A framework in react community ✨" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/umijs/umi"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/umijs/umi" alt="はてなブックマーク - GitHub - umijs/umi: A framework in react community ✨" title="はてなブックマーク - GitHub - umijs/umi: A framework in react community ✨" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/umijs/umi"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 3 https://ara-framework.github.io/website/ hypbernovaを使ってServer SideでComponentをCompositionして配信するMicro Frontendsフレームワーク。 Novaクラスタとやり取りするミドルウェアをWebサーバに噛ませて、それぞれのFrontEndコンポーネントを合成して返す efcl 2020-12-21T16:16:43Z JavaScript library MicroFrontend <blockquote cite="https://ara-framework.github.io/website/" title="Ara Framework · Build Micro-frontends easily using Airbnb Hypernova"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fara-framework.github.io%2Fwebsite%2F" alt="" /> <a href="https://ara-framework.github.io/website/">Ara Framework · Build Micro-frontends easily using Airbnb Hypernova</a></cite><p><a href="https://ara-framework.github.io/website/"><img src="" alt="Ara Framework · Build Micro-frontends easily using Airbnb Hypernova" title="Ara Framework · Build Micro-frontends easily using Airbnb Hypernova" class="entry-image" /></a></p><p>Server-side render Nova views and hydrate them on the browser to make them interactive, or just Client-Side render them on your SPA.</p><p><a href="https://b.hatena.ne.jp/entry/s/ara-framework.github.io/website/"><img src="https://b.hatena.ne.jp/entry/image/https://ara-framework.github.io/website/" alt="はてなブックマーク - Ara Framework · Build Micro-frontends easily using Airbnb Hypernova" title="はてなブックマーク - Ara Framework · Build Micro-frontends easily using Airbnb Hypernova" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ara-framework.github.io/website/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 4 https://github.com/ice-lab/icestark single-spa互換ライフサイクルをもつMicroFrontendフレームワーク。 efcl 2020-12-21T16:11:18Z JavaScript MicroFrontend library <blockquote cite="https://github.com/ice-lab/icestark" title="GitHub - ice-lab/icestark: :tiger: Micro Frontends solution for large application（面向大型应用的微前端解决方案），站点国内镜像：https://icestark.gitee.io"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fice-lab%2Ficestark" alt="" /> <a href="https://github.com/ice-lab/icestark">GitHub - ice-lab/icestark: :tiger: Micro Frontends solution for large application（面向大型应用的微前端解决方案），站点国内镜像：https://icestark.gitee.io</a></cite><p><a href="https://github.com/ice-lab/icestark"><img src="" alt="GitHub - ice-lab/icestark: :tiger: Micro Frontends solution for large application（面向大型应用的微前端解决方案），站点国内镜像：https://icestark.gitee.io" title="GitHub - ice-lab/icestark: :tiger: Micro Frontends solution for large application（面向大型应用的微前端解决方案），站点国内镜像：https://icestark.gitee.io" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/ice-lab/icestark"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/ice-lab/icestark" alt="はてなブックマーク - GitHub - ice-lab/icestark: :tiger: Micro Frontends solution for large application（面向大型应用的微前端解决方案），站点国内镜像：https://icestark.gitee.io" title="はてなブックマーク - GitHub - ice-lab/icestark: :tiger: Micro Frontends solution for large application（面向大型应用的微前端解决方案），站点国内镜像：https://icestark.gitee.io" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/ice-lab/icestark"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0 Micro Frontendsを始めとしたアーキテクチャパターンについての電子書籍 efcl 2020-12-21T16:09:21Z MicroFrontend architecture book <blockquote cite="https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0" title="Micro Frontends Architecture Patterns"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fokmttdhr%2Fbooks%2F8c977618755cb68ad2c0" alt="" /> <a href="https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0">Micro Frontends Architecture Patterns</a></cite><p><a href="https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6b58c38bfd067e0b5c468305a00cfc74d5762ee2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--D3q0MaZE--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci9hZWEyYTY3MDk0LmpwZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg%3F_a%3DBACAGSGT" alt="Micro Frontends Architecture Patterns" title="Micro Frontends Architecture Patterns" class="entry-image" /></a></p><p>本書は、Micro Frontends Architecture Patternsというタイトルを付けていますが、モノリスからJAMstack、Micro Frontendsまで、Webフロントエンドを包括した様々なアーキテクチャパターンの詳細を体系的に紹介しています。 ソフトウェアとしてのアーキテクチャ全体を俯瞰し、他のシステムとのやりとりを設計するような...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/okmttdhr/books/8c977618755cb68ad2c0"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0" alt="はてなブックマーク - Micro Frontends Architecture Patterns" title="はてなブックマーク - Micro Frontends Architecture Patterns" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/okmttdhr/books/8c977618755cb68ad2c0"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 613 https://note.com/dd_techblog/n/nfe70dfed34c4 グローバルCSSがあるとMicroFrontendが難しくなる話 efcl 2020-12-18T15:52:25Z MicroFrontend <blockquote cite="https://note.com/dd_techblog/n/nfe70dfed34c4" title="Micro Frontends導入の覚書｜Dentsu Digital Tech Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fdd_techblog%2Fn%2Fnfe70dfed34c4" alt="" /> <a href="https://note.com/dd_techblog/n/nfe70dfed34c4">Micro Frontends導入の覚書｜Dentsu Digital Tech Blog</a></cite><p><a href="https://note.com/dd_techblog/n/nfe70dfed34c4"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/38b45e46b9897d1ba840288267f0c7f4a51791b8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F40372243%2Frectangle_large_type_2_a1dec72615771bcb0fe019388e7c67db.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="Micro Frontends導入の覚書｜Dentsu Digital Tech Blog" title="Micro Frontends導入の覚書｜Dentsu Digital Tech Blog" class="entry-image" /></a></p><p>電通デジタル エンジニアの おのきです。前回の記事は「SQLスクリプト上でのテーブルや共通テーブル式の依存関係を可視化する」でした。 今回はDentsu Digital Tech Advent Calendar 17 日目の記事になります。 私たちの開発チームでは、社内向け業務システム「EASI」においてデジタル広告のプランニングツールや過去実...</p><p><a href="https://b.hatena.ne.jp/entry/s/note.com/dd_techblog/n/nfe70dfed34c4"><img src="https://b.hatena.ne.jp/entry/image/https://note.com/dd_techblog/n/nfe70dfed34c4" alt="はてなブックマーク - Micro Frontends導入の覚書｜Dentsu Digital Tech Blog" title="はてなブックマーク - Micro Frontends導入の覚書｜Dentsu Digital Tech Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/note.com/dd_techblog/n/nfe70dfed34c4"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 48 https://blog.bitsrc.io/microfrontend-pattern-comparison-c50a9d2e4172 Micro Frontendのパターンと比較 efcl 2020-11-23T07:54:18Z MicroFrontend <blockquote cite="https://blog.bitsrc.io/microfrontend-pattern-comparison-c50a9d2e4172" title="Micro Frontends Pattern Comparison"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.bitsrc.io%2Fmicrofrontend-pattern-comparison-c50a9d2e4172" alt="" /> <a href="https://blog.bitsrc.io/microfrontend-pattern-comparison-c50a9d2e4172">Micro Frontends Pattern Comparison</a></cite><p><a href="https://blog.bitsrc.io/microfrontend-pattern-comparison-c50a9d2e4172"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2094dc5939a2e9d10726f72cab13e43a81be1a13/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2AoXe2Si1qyz_BQjtDUQoQrQ.jpeg" alt="Micro Frontends Pattern Comparison" title="Micro Frontends Pattern Comparison" class="entry-image" /></a></p><p>The desire to modularize the frontend has steadily increased in the last year. One of the challenges for everyone implementing microfrontends is that there is no single pattern to follow. The available architecture patterns are quite different and come with their advantages and challenges. Usuall...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.bitsrc.io/microfrontend-pattern-comparison-c50a9d2e4172"><img src="https://b.hatena.ne.jp/entry/image/https://blog.bitsrc.io/microfrontend-pattern-comparison-c50a9d2e4172" alt="はてなブックマーク - Micro Frontends Pattern Comparison" title="はてなブックマーク - Micro Frontends Pattern Comparison" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.bitsrc.io/microfrontend-pattern-comparison-c50a9d2e4172"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://medium.com/@carlosmontes002/implementing-micro-frontend-using-reactjs-b563244e8e04 ReactでMicro Frontendsをするためのコンテナ efcl 2020-08-30T02:54:37Z React MicroFrontend <blockquote cite="https://medium.com/@carlosmontes002/implementing-micro-frontend-using-reactjs-b563244e8e04" title="Implementing Micro-Frontend using ReactJS"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmedium.com%2F%40carlosmontes002%2Fimplementing-micro-frontend-using-reactjs-b563244e8e04" alt="" /> <a href="https://medium.com/@carlosmontes002/implementing-micro-frontend-using-reactjs-b563244e8e04">Implementing Micro-Frontend using ReactJS</a></cite><p><a href="https://medium.com/@carlosmontes002/implementing-micro-frontend-using-reactjs-b563244e8e04"><img src="" alt="Implementing Micro-Frontend using ReactJS" title="Implementing Micro-Frontend using ReactJS" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/medium.com/@carlosmontes002/implementing-micro-frontend-using-reactjs-b563244e8e04"><img src="https://b.hatena.ne.jp/entry/image/https://medium.com/@carlosmontes002/implementing-micro-frontend-using-reactjs-b563244e8e04" alt="はてなブックマーク - Implementing Micro-Frontend using ReactJS" title="はてなブックマーク - Implementing Micro-Frontend using ReactJS" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/medium.com/@carlosmontes002/implementing-micro-frontend-using-reactjs-b563244e8e04"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://www.infoq.com/jp/news/2020/08/microfrontends-vue-yoav-yanovski/ https://github.com/Vonage/micro-frontends でのMicro Frontendsの実装について。 iframe, webcomponent、postmessageでのやり取り、基本的なライフサイクルを実装している efcl 2020-08-21T14:23:46Z MicroFrontend <blockquote cite="https://www.infoq.com/jp/news/2020/08/microfrontends-vue-yoav-yanovski/" title="Vonageにおけるマイクロフロントエンド - Yoav Yanovski氏のVue.JS Amsterdamでの講演より"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.infoq.com%2Fjp%2Fnews%2F2020%2F08%2Fmicrofrontends-vue-yoav-yanovski%2F" alt="" /> <a href="https://www.infoq.com/jp/news/2020/08/microfrontends-vue-yoav-yanovski/">Vonageにおけるマイクロフロントエンド - Yoav Yanovski氏のVue.JS Amsterdamでの講演より</a></cite><p><a href="https://www.infoq.com/jp/news/2020/08/microfrontends-vue-yoav-yanovski/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d99406d8bf4fbfde1c4702235da85e9789754a4d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.infoq.com%2Fstatics_s2_20260616090918%2Fstyles%2Fstatic%2Fimages%2Flogo%2Flogo-big.jpg" alt="Vonageにおけるマイクロフロントエンド - Yoav Yanovski氏のVue.JS Amsterdamでの講演より" title="Vonageにおけるマイクロフロントエンド - Yoav Yanovski氏のVue.JS Amsterdamでの講演より" class="entry-image" /></a></p><p>あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事を...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.infoq.com/jp/news/2020/08/microfrontends-vue-yoav-yanovski/"><img src="https://b.hatena.ne.jp/entry/image/https://www.infoq.com/jp/news/2020/08/microfrontends-vue-yoav-yanovski/" alt="はてなブックマーク - Vonageにおけるマイクロフロントエンド - Yoav Yanovski氏のVue.JS Amsterdamでの講演より" title="はてなブックマーク - Vonageにおけるマイクロフロントエンド - Yoav Yanovski氏のVue.JS Amsterdamでの講演より" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.infoq.com/jp/news/2020/08/microfrontends-vue-yoav-yanovski/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 10 https://mizchi.dev/202008052318-microfrontend-single-spa single-spaについて efcl 2020-08-11T14:00:18Z MicroFrontend article <blockquote cite="https://mizchi.dev/202008052318-microfrontend-single-spa" title="single-spa でマイクロフロントエンドを検証する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmizchi.dev%2F202008052318-microfrontend-single-spa" alt="" /> <a href="https://mizchi.dev/202008052318-microfrontend-single-spa">single-spa でマイクロフロントエンドを検証する</a></cite><p><a href="https://mizchi.dev/202008052318-microfrontend-single-spa"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c76bca328a8822017885b6df04c51f3f1fd77d45/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmizchi.dev%2Fogp%2F202008052318-microfrontend-single-spa.png" alt="single-spa でマイクロフロントエンドを検証する" title="single-spa でマイクロフロントエンドを検証する" class="entry-image" /></a></p><p>マイクロフロントエンドとは [翻訳記事]マイクロフロントエンド - マイクロサービスのフロントエンドへの応用 自分の理解だと、フロントエンドを一定以上にスケールさせようとすると、レガシーの古いビルド境界や、コンウェイの法則によるチーム単位のコンポーネントが出てくる。 これらをメタに管理するシステムを作っ...</p><p><a href="https://b.hatena.ne.jp/entry/s/mizchi.dev/202008052318-microfrontend-single-spa"><img src="https://b.hatena.ne.jp/entry/image/https://mizchi.dev/202008052318-microfrontend-single-spa" alt="はてなブックマーク - single-spa でマイクロフロントエンドを検証する" title="はてなブックマーク - single-spa でマイクロフロントエンドを検証する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mizchi.dev/202008052318-microfrontend-single-spa"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 13 https://github.com/naltatis/micro-frontends-in-action-code Micro Frontends in Actionsのサンプルコード efcl 2020-08-10T12:58:18Z MicroFrontend <blockquote cite="https://github.com/naltatis/micro-frontends-in-action-code" title="GitHub - naltatis/micro-frontends-in-action-code: The Tractor Store - sample code from the book Micro Frontends in Action"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fnaltatis%2Fmicro-frontends-in-action-code" alt="" /> <a href="https://github.com/naltatis/micro-frontends-in-action-code">GitHub - naltatis/micro-frontends-in-action-code: The Tractor Store - sample code from the book Micro Frontends in Action</a></cite><p><a href="https://github.com/naltatis/micro-frontends-in-action-code"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/60c1fb4a028f038c1356df80f3ed5b0e0324852d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Frepository-images.githubusercontent.com%2F212049157%2Fd4428100-0085-11ea-84ff-d8e0896d802c" alt="GitHub - naltatis/micro-frontends-in-action-code: The Tractor Store - sample code from the book Micro Frontends in Action" title="GitHub - naltatis/micro-frontends-in-action-code: The Tractor Store - sample code from the book Micro Frontends in Action" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/naltatis/micro-frontends-in-action-code"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/naltatis/micro-frontends-in-action-code" alt="はてなブックマーク - GitHub - naltatis/micro-frontends-in-action-code: The Tractor Store - sample code from the book Micro Frontends in Action" title="はてなブックマーク - GitHub - naltatis/micro-frontends-in-action-code: The Tractor Store - sample code from the book Micro Frontends in Action" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/naltatis/micro-frontends-in-action-code"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2