"モジュールフェデレーションはコードの共有を非常にシンプルにし、摩擦のない開発者体験を提供する。
マイクロフロントエンド間で双方向の共有が可能になり、ホストのマイクロフロントエンドはリモートのマイクロフロントエンドとコードを共有できるし、その逆も可能だ。
しかし私は双方向の実装を推奨しない傾向がある
learning.oreilly.com/library/view...
良い
マイクロフロントエンド間で双方向の共有が可能になり、ホストのマイクロフロントエンドはリモートのマイクロフロントエンドとコードを共有できるし、その逆も可能だ。
しかし私は双方向の実装を推奨しない傾向がある
learning.oreilly.com/library/view...
良い
マイクロフロントエンドの構築, 2nd Edition
第3章 マイクロフロントエンドアーキテクチャの発見 マイクロフロントエンドアーキテクチャを発見するこの作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：translation-feedback@oreilly.com... - Selection from マイクロフロントエンドの構築, 2nd Edition [Book]
learning.oreilly.com
November 23, 2025 at 5:23 AM
"モジュールフェデレーションはコードの共有を非常にシンプルにし、摩擦のない開発者体験を提供する。
マイクロフロントエンド間で双方向の共有が可能になり、ホストのマイクロフロントエンドはリモートのマイクロフロントエンドとコードを共有できるし、その逆も可能だ。
しかし私は双方向の実装を推奨しない傾向がある
learning.oreilly.com/library/view...
良い
マイクロフロントエンド間で双方向の共有が可能になり、ホストのマイクロフロントエンドはリモートのマイクロフロントエンドとコードを共有できるし、その逆も可能だ。
しかし私は双方向の実装を推奨しない傾向がある
learning.oreilly.com/library/view...
良い
Microfrontend
#イラスト #art #doodle #oc #originalcharcter #オリジナルキャラクター #エンジニア #お絵描き #バグ #buggie #js #frontend #マイクロフロントエンド
#イラスト #art #doodle #oc #originalcharcter #オリジナルキャラクター #エンジニア #お絵描き #バグ #buggie #js #frontend #マイクロフロントエンド
November 20, 2025 at 3:15 PM
Microfrontend
#イラスト #art #doodle #oc #originalcharcter #オリジナルキャラクター #エンジニア #お絵描き #バグ #buggie #js #frontend #マイクロフロントエンド
#イラスト #art #doodle #oc #originalcharcter #オリジナルキャラクター #エンジニア #お絵描き #バグ #buggie #js #frontend #マイクロフロントエンド
<a href="https://speakerdeck.com/kakehashi/shipping-fast-with-micro-frontends" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">speakerdeck.com/kakehashi/...
爆速でプロダクトをリリースしようと思ったらマイクロフロントエンドを選んでいた
爆速でプロダクトをリリースしようと思ったらマイクロフロントエンドを選んでいた
爆速でプロダクトをリリースしようと思ったらマイクロフロントエンドを選んでいた
speakerdeck.com
September 24, 2025 at 12:28 PM
<a href="https://speakerdeck.com/kakehashi/shipping-fast-with-micro-frontends" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">speakerdeck.com/kakehashi/...
爆速でプロダクトをリリースしようと思ったらマイクロフロントエンドを選んでいた
爆速でプロダクトをリリースしようと思ったらマイクロフロントエンドを選んでいた
今日のZennトレンド
フロントエンドカンファレンス東京2025登壇資料集
この記事は、2025年9月21日に渋谷で開催された「フロントエンドカンファレンス東京2025」の登壇資料をまとめたものです。
CSS、JavaScript、パフォーマンス最適化、UI/UX、アクセシビリティ、AI、マイクロフロントエンド、TypeScript、Web API、開発プロセスなど、多岐にわたる最新のフロントエンド技術に関する発表資料へのリンクが網羅的に掲載されています。
これにより、カンファレンスで共有された多様な知見を広く確認できます。
フロントエンドカンファレンス東京2025登壇資料集
この記事は、2025年9月21日に渋谷で開催された「フロントエンドカンファレンス東京2025」の登壇資料をまとめたものです。
CSS、JavaScript、パフォーマンス最適化、UI/UX、アクセシビリティ、AI、マイクロフロントエンド、TypeScript、Web API、開発プロセスなど、多岐にわたる最新のフロントエンド技術に関する発表資料へのリンクが網羅的に掲載されています。
これにより、カンファレンスで共有された多様な知見を広く確認できます。
フロントエンドカンファレンス東京2025登壇資料集
はじめに2025年9月21日日曜日、フロントエンドカンファレンス東京2025が渋谷にて開催されました。https://fec-tokyo.github.io/2025/こちらの登壇資料をまとめさせていただきます。 登壇資料 Bon Voyage! CSS Ecosystem Meets Standards, now?https://sakupi01.github.io/slides/ja/202
zenn.dev
September 22, 2025 at 9:20 PM
今日のZennトレンド
フロントエンドカンファレンス東京2025登壇資料集
この記事は、2025年9月21日に渋谷で開催された「フロントエンドカンファレンス東京2025」の登壇資料をまとめたものです。
CSS、JavaScript、パフォーマンス最適化、UI/UX、アクセシビリティ、AI、マイクロフロントエンド、TypeScript、Web API、開発プロセスなど、多岐にわたる最新のフロントエンド技術に関する発表資料へのリンクが網羅的に掲載されています。
これにより、カンファレンスで共有された多様な知見を広く確認できます。
フロントエンドカンファレンス東京2025登壇資料集
この記事は、2025年9月21日に渋谷で開催された「フロントエンドカンファレンス東京2025」の登壇資料をまとめたものです。
CSS、JavaScript、パフォーマンス最適化、UI/UX、アクセシビリティ、AI、マイクロフロントエンド、TypeScript、Web API、開発プロセスなど、多岐にわたる最新のフロントエンド技術に関する発表資料へのリンクが網羅的に掲載されています。
これにより、カンファレンスで共有された多様な知見を広く確認できます。
🔖 爆速でプロダクトをリリースしようと思ったらマイクロフロントエンドを選んでいた - Speaker Deck https://speakerdeck.com/kakehashi/shipping-fast-with-micro-frontends
September 22, 2025 at 2:29 AM
🔖 爆速でプロダクトをリリースしようと思ったらマイクロフロントエンドを選んでいた - Speaker Deck https://speakerdeck.com/kakehashi/shipping-fast-with-micro-frontends
MCP UIはマルチエージェント前提の技術な気がしてきた。そして、マイクロフロントエンドの思想をAIエージェント向けに発展させて標準化を目指すものと理解すると、個人的にはしっくりきたかも。
August 11, 2025 at 7:37 AM
MCP UIはマルチエージェント前提の技術な気がしてきた。そして、マイクロフロントエンドの思想をAIエージェント向けに発展させて標準化を目指すものと理解すると、個人的にはしっくりきたかも。
こんな感じで質問してくれるのでよい。
1. 発表時間：何分間の発表枠でしょうか？（一般的に20分、30分、40分などがありますが）
2. 想定オーディエンス：どのようなレベルの参加者を想定していますか？（例：フロントエンド初
級者〜中級者、上級者、マイクロフロントエンドに興味がある人など）
3. デモやコード例：実際のコードやデモを見せる予定はありますか？もしあれば、どの程度の詳細
度で見せたいですか？
4. アーキテクチャ図：AngularとReactの共存についてのシステム構成図などは既にありますか？
5. その他の資料：参考。。。
1. 発表時間：何分間の発表枠でしょうか？（一般的に20分、30分、40分などがありますが）
2. 想定オーディエンス：どのようなレベルの参加者を想定していますか？（例：フロントエンド初
級者〜中級者、上級者、マイクロフロントエンドに興味がある人など）
3. デモやコード例：実際のコードやデモを見せる予定はありますか？もしあれば、どの程度の詳細
度で見せたいですか？
4. アーキテクチャ図：AngularとReactの共存についてのシステム構成図などは既にありますか？
5. その他の資料：参考。。。
August 2, 2025 at 7:16 AM
こんな感じで質問してくれるのでよい。
1. 発表時間：何分間の発表枠でしょうか？（一般的に20分、30分、40分などがありますが）
2. 想定オーディエンス：どのようなレベルの参加者を想定していますか？（例：フロントエンド初
級者〜中級者、上級者、マイクロフロントエンドに興味がある人など）
3. デモやコード例：実際のコードやデモを見せる予定はありますか？もしあれば、どの程度の詳細
度で見せたいですか？
4. アーキテクチャ図：AngularとReactの共存についてのシステム構成図などは既にありますか？
5. その他の資料：参考。。。
1. 発表時間：何分間の発表枠でしょうか？（一般的に20分、30分、40分などがありますが）
2. 想定オーディエンス：どのようなレベルの参加者を想定していますか？（例：フロントエンド初
級者〜中級者、上級者、マイクロフロントエンドに興味がある人など）
3. デモやコード例：実際のコードやデモを見せる予定はありますか？もしあれば、どの程度の詳細
度で見せたいですか？
4. アーキテクチャ図：AngularとReactの共存についてのシステム構成図などは既にありますか？
5. その他の資料：参考。。。
findy-tools.io/articles/re...
疎結合で得た柔軟性と運用のリアル READYFORのマイクロフロントエンド現在地 - Findy Tools
疎結合で得た柔軟性と運用のリアル READYFORのマイクロフロントエンド現在地 - Findy Tools
疎結合で得た柔軟性と運用のリアル READYFORのマイクロフロントエンド現在地 - Findy Tools
findy-tools.io
July 22, 2025 at 8:02 AM
findy-tools.io/articles/re...
疎結合で得た柔軟性と運用のリアル READYFORのマイクロフロントエンド現在地 - Findy Tools
疎結合で得た柔軟性と運用のリアル READYFORのマイクロフロントエンド現在地 - Findy Tools
疎結合で得た柔軟性と運用のリアル READYFORのマイクロフロントエンド現在地 - Findy Tools
https://findy-tools.io/articles/readyfor-microfrontends/90
https://findy-tools.io/articles/readyfor-microfrontends/90
疎結合で得た柔軟性と運用のリアル READYFORのマイクロフロントエンド現在地 - Findy Tools
マイクロフロントエンドは、チームや機能単位でフロントエンドを疎結合化できる構成として注目を集めています。 <br>
ただし、導入すればすべてが解決するわけではありません。チーム体制やサービスの成長フェーズに応じて、設計も変化し続ける必要があります。<br>
<br>
本記事では、READYFOR株式会社のフロントエンドテックリード 菅原さんにご協力頂き、マイクロフロントエンドの導入の背景や、具体的な設計・運用上の工夫、そして今なお続く改善の取り組みまで、アーキテクチャ図とともにご寄稿頂きました。<br>
<br>
findy-tools.io
July 17, 2025 at 12:03 AM
疎結合で得た柔軟性と運用のリアル READYFORのマイクロフロントエンド現在地 - Findy Tools
https://findy-tools.io/articles/readyfor-microfrontends/90
https://findy-tools.io/articles/readyfor-microfrontends/90
マイクロフロントエンドで始める!大規模フロントエンド開発の新常識: アーキテクチャ設計からチーム運用・デプロイ・パフォーマンス最適化まで <ミライ> が、Kindleストアで販売開始されました。
5leaf.jp/kindle/B0FHDW8JCS/#a...
5leaf.jp/kindle/B0FHDW8JCS/#a...
マイクロフロントエンドで始める！大規模フロントエンド開発の新常識: アーキテクチャ設計からチーム運用・デプロイ・パフォーマンス最適化まで
著者：ミライ(著) 個人出版 2025/7/11(金)配信
5leaf.jp
July 13, 2025 at 12:00 AM
マイクロフロントエンドで始める!大規模フロントエンド開発の新常識: アーキテクチャ設計からチーム運用・デプロイ・パフォーマンス最適化まで <ミライ> が、Kindleストアで販売開始されました。
5leaf.jp/kindle/B0FHDW8JCS/#a...
5leaf.jp/kindle/B0FHDW8JCS/#a...
マイクロフロントエンドという響きには、モジュール化と自律性という魅力が詰まっている。マイクロサービスの成功をUIにも適用できるなら、チームごとに独立して開発・デプロイできて最高じゃないか、という発想だ。だが、現実は理想通りにはいかない。
実装してみると、まずバンドルサイズが大きくなり、ロードが遅くなる。異なるフレームワークが共存すれば、ユーザー体験はバラバラになる。グローバルな状態管理やCSSのスコープも一筋縄ではいかない。そしてなにより、統合のための協調コストがじわじわとチームを蝕む。
実装してみると、まずバンドルサイズが大きくなり、ロードが遅くなる。異なるフレームワークが共存すれば、ユーザー体験はバラバラになる。グローバルな状態管理やCSSのスコープも一筋縄ではいかない。そしてなにより、統合のための協調コストがじわじわとチームを蝕む。
The Problem with Micro Frontends
Don't carelessly buy into the hype (hope you haven't already…)
buff.ly
June 10, 2025 at 7:22 AM
マイクロフロントエンドという響きには、モジュール化と自律性という魅力が詰まっている。マイクロサービスの成功をUIにも適用できるなら、チームごとに独立して開発・デプロイできて最高じゃないか、という発想だ。だが、現実は理想通りにはいかない。
実装してみると、まずバンドルサイズが大きくなり、ロードが遅くなる。異なるフレームワークが共存すれば、ユーザー体験はバラバラになる。グローバルな状態管理やCSSのスコープも一筋縄ではいかない。そしてなにより、統合のための協調コストがじわじわとチームを蝕む。
実装してみると、まずバンドルサイズが大きくなり、ロードが遅くなる。異なるフレームワークが共存すれば、ユーザー体験はバラバラになる。グローバルな状態管理やCSSのスコープも一筋縄ではいかない。そしてなにより、統合のための協調コストがじわじわとチームを蝕む。
マイクロフロントエンドとは何か？歴史と普及の背景、そしてReact入門ガイド | 十円玉ドットコム
マイクロフロントエンドとは何か？歴史と普及の背景、そしてReact入門ガイド | 十円玉ドットコム
はじめに いまWebアプリ開発は「分割の時代」。昔みたいに、ひとつのでっかいシステムをみんなで抱えてウンウン言うやり方、限界きてます。 そこで登場したのが、マイクロフロントエンドっちゅう新しい戦い...
www.10yendama.com
April 28, 2025 at 11:15 PM
マイクロフロントエンドとは何か？歴史と普及の背景、そしてReact入門ガイド | 十円玉ドットコム
自分もリプレイスに2年くらいかけた経験ある
大規模SPAだと身動きが取れなくなるので、一部ずつ整備ができるように、小さいSPAやマイクロフロントエンドを集めた構成にしておきたいなと今は思ったりする
フロントエンドのリプレイスに、いつまでかけるんだ？
https://zenn.dev/naofumik/articles/48cee8d06788bd
大規模SPAだと身動きが取れなくなるので、一部ずつ整備ができるように、小さいSPAやマイクロフロントエンドを集めた構成にしておきたいなと今は思ったりする
フロントエンドのリプレイスに、いつまでかけるんだ？
https://zenn.dev/naofumik/articles/48cee8d06788bd
フロントエンドのリプレイスに、いつまでかけるんだ？
zenn.dev
April 23, 2025 at 1:05 PM
自分もリプレイスに2年くらいかけた経験ある
大規模SPAだと身動きが取れなくなるので、一部ずつ整備ができるように、小さいSPAやマイクロフロントエンドを集めた構成にしておきたいなと今は思ったりする
フロントエンドのリプレイスに、いつまでかけるんだ？
https://zenn.dev/naofumik/articles/48cee8d06788bd
大規模SPAだと身動きが取れなくなるので、一部ずつ整備ができるように、小さいSPAやマイクロフロントエンドを集めた構成にしておきたいなと今は思ったりする
フロントエンドのリプレイスに、いつまでかけるんだ？
https://zenn.dev/naofumik/articles/48cee8d06788bd
かなり時間経っちゃったけど、マイクロフロントエンド進められそうで楽しみ
April 9, 2025 at 10:26 AM
かなり時間経っちゃったけど、マイクロフロントエンド進められそうで楽しみ
💡 Summary:
この記事では、動的ウェブアプリケーションにおけるボタンの重要性が強調されており、メニューの開閉やフォームの送信など、インタラクティブ性を高める役割について述べられています。特にマイクロフロントエンドにおいて、開発者がアクセシブルなボタンを作成する際に直面する課題についても触れています。また、Chrome 135で導入された新しい`command`および`commandfor`属性が、ボタンの機能性とアクセシビリティを向上させ、コードを簡素化することを紹介しています。
この記事では、 (1/3)
この記事では、動的ウェブアプリケーションにおけるボタンの重要性が強調されており、メニューの開閉やフォームの送信など、インタラクティブ性を高める役割について述べられています。特にマイクロフロントエンドにおいて、開発者がアクセシブルなボタンを作成する際に直面する課題についても触れています。また、Chrome 135で導入された新しい`command`および`commandfor`属性が、ボタンの機能性とアクセシビリティを向上させ、コードを簡素化することを紹介しています。
この記事では、 (1/3)
March 8, 2025 at 7:43 AM
💡 Summary:
この記事では、動的ウェブアプリケーションにおけるボタンの重要性が強調されており、メニューの開閉やフォームの送信など、インタラクティブ性を高める役割について述べられています。特にマイクロフロントエンドにおいて、開発者がアクセシブルなボタンを作成する際に直面する課題についても触れています。また、Chrome 135で導入された新しい`command`および`commandfor`属性が、ボタンの機能性とアクセシビリティを向上させ、コードを簡素化することを紹介しています。
この記事では、 (1/3)
この記事では、動的ウェブアプリケーションにおけるボタンの重要性が強調されており、メニューの開閉やフォームの送信など、インタラクティブ性を高める役割について述べられています。特にマイクロフロントエンドにおいて、開発者がアクセシブルなボタンを作成する際に直面する課題についても触れています。また、Chrome 135で導入された新しい`command`および`commandfor`属性が、ボタンの機能性とアクセシビリティを向上させ、コードを簡素化することを紹介しています。
この記事では、 (1/3)
マイクロフロントエンドってワードを最近聞かない
February 5, 2025 at 12:53 AM
マイクロフロントエンドってワードを最近聞かない
マイクロフロントエンドについて調査したのでまとめてみた[実践編] | ONE CAREER Tech Blog
マイクロフロントエンドについて調査したのでまとめてみた[実践編]｜ONE CAREER Tech Blog
はじめに みなさんこんにちは！ ワンキャリアの西川(X ：takashi54461358)です！ 本記事は、マイクロフロントエンドについて調査で得た知見を共有するシリーズ記事の第3弾になります！ マイクロフロントエンドについての基本的な知識がない方は、ぜひ「マイクロフロントエンドについて調査したのでまとめてみた」の[概念編]と[詳細編]をご覧ください。マイクロフロントエンドの基本的な概念、仕組みや、導入のメリット・デメリットについて解説しています。
第3弾では、マイクロフロントエンドについて調査した後、導入検討のために作成したマイクロフロントエンドアプリケーションの構成と、作
note.com
August 2, 2024 at 9:07 PM
マイクロフロントエンドについて調査したのでまとめてみた[実践編] | ONE CAREER Tech Blog
<a href="https://note.com/dev_onecareer/n/n6d1eef4b5682" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">note.com/dev_onecar...
マイクロフロントエンドについて調査したのでまとめてみた[実践編]｜ONE CAREER Tech Blog
マイクロフロントエンドについて調査したのでまとめてみた[実践編]｜ONE CAREER Tech Blog
マイクロフロントエンドについて調査したのでまとめてみた[実践編]｜ONE CAREER Tech Blog
はじめに みなさんこんにちは！ ワンキャリアの西川(X ：takashi54461358)です！ 本記事は、マイクロフロントエンドについて調査で得た知見を共有するシリーズ記事の第3弾になります！ マイクロフロントエンドについての基本的な知識がない方は、ぜひ「マイクロフロントエンドについて調査したのでまとめてみた」の[概念編]と[詳細編]をご覧ください。マイクロフロントエンドの基本的な概念、仕組みや、導入のメリット・デメリットについて解説しています。
第3弾では、マイクロフロントエンドについて調査した後、導入検討のために作成したマイクロフロントエンドアプリケーションの構成と、作
note.com
July 27, 2024 at 4:36 AM
<a href="https://note.com/dev_onecareer/n/n6d1eef4b5682" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">note.com/dev_onecar...
マイクロフロントエンドについて調査したのでまとめてみた[実践編]｜ONE CAREER Tech Blog
マイクロフロントエンドについて調査したのでまとめてみた[実践編]｜ONE CAREER Tech Blog
マイクロフロントエンドって本なんか出てたのか www.amazon.co.jp/dp/4814400020
Amazon.co.jp: マイクロフロントエンド ―マイクロサービスアーキテクチャの概念をフロントエンドに拡張し、信頼性、自律性の高いシステムを構築する : Luca Mezzalira, 嶋田 健志: Japanese Books
Amazon.co.jp: マイクロフロントエンド ―マイクロサービスアーキテクチャの概念をフロントエンドに拡張し、信頼性、自律性の高いシステムを構築する : Luca Mezzalira, 嶋田 健志: Japanese Books
www.amazon.co.jp
July 23, 2024 at 9:36 AM
マイクロフロントエンドって本なんか出てたのか www.amazon.co.jp/dp/4814400020
マイクロフロントエンドについて調査したのでまとめてみた[実践編] | ONE CAREER Tech Blog
マイクロフロントエンドについて調査したのでまとめてみた[実践編]｜ONE CAREER Tech Blog
はじめに みなさんこんにちは！ ワンキャリアの西川(X ：takashi54461358)です！ 本記事は、マイクロフロントエンドについて調査で得た知見を共有するシリーズ記事の第3弾になります！ マイクロフロントエンドについての基本的な知識がない方は、ぜひ「マイクロフロントエンドについて調査したのでまとめてみた」の[概念編]と[詳細編]をご覧ください。マイクロフロントエンドの基本的な概念、仕組みや、導入のメリット・デメリットについて解説しています。
第3弾では、マイクロフロントエンドについて調査した後、導入検討のために作成したマイクロフロントエンドアプリケーションの構成と、作
note.com
July 22, 2024 at 11:05 AM
マイクロフロントエンドについて調査したのでまとめてみた[実践編] | ONE CAREER Tech Blog
<a href="https://zenn.dev/reiwatravel/articles/09e0462dfff6de" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">zenn.dev/reiwatrave...
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
はじめに こんにちは、令和トラベルでフロントエンドエンジニアをしているyamatsumです。 ここでは複雑なWebアプリケーションを開発・保守する場合に有効なアーキテクチャパターンとして知られているマイクロフロントエンドをNext.jsを用いて実現した時の設計とその課題について紹介したいと思います。 ※…
zenn.dev
June 23, 2024 at 4:06 AM
<a href="https://zenn.dev/reiwatravel/articles/09e0462dfff6de" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">zenn.dev/reiwatrave...
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
今日のZennトレンド
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
令和トラベルのTech Blogでは、Next.jsを使用してマイクロフロントエンドを実装した経験について述べています。
このアーキテクチャは開発速度と保守性を向上させ、チームの自律性と技術選択の自由度を高めます。
しかし、Next.jsのrewritesやbasePathのバグ、コードの重複、観測性の低下などの課題も指摘しており、これらを理解し慎重に対処する必要があるとしています。
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
令和トラベルのTech Blogでは、Next.jsを使用してマイクロフロントエンドを実装した経験について述べています。
このアーキテクチャは開発速度と保守性を向上させ、チームの自律性と技術選択の自由度を高めます。
しかし、Next.jsのrewritesやbasePathのバグ、コードの重複、観測性の低下などの課題も指摘しており、これらを理解し慎重に対処する必要があるとしています。
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
はじめにこんにちは、令和トラベルでフロントエンドエンジニアをしているyamatsumです。ここでは複雑なWebアプリケーションを開発・保守する場合に有効なアーキテクチャパターンとして知られているマイクロフロントエンドをNext.jsを用いて実現した時の設計とその課題について紹介したいと思います。※ この記事は令和トラベルのTech LT会で共有した内容を記事にしたものです。社外の方にもご参加いた
zenn.dev
May 23, 2024 at 9:15 PM
今日のZennトレンド
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
令和トラベルのTech Blogでは、Next.jsを使用してマイクロフロントエンドを実装した経験について述べています。
このアーキテクチャは開発速度と保守性を向上させ、チームの自律性と技術選択の自由度を高めます。
しかし、Next.jsのrewritesやbasePathのバグ、コードの重複、観測性の低下などの課題も指摘しており、これらを理解し慎重に対処する必要があるとしています。
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
令和トラベルのTech Blogでは、Next.jsを使用してマイクロフロントエンドを実装した経験について述べています。
このアーキテクチャは開発速度と保守性を向上させ、チームの自律性と技術選択の自由度を高めます。
しかし、Next.jsのrewritesやbasePathのバグ、コードの重複、観測性の低下などの課題も指摘しており、これらを理解し慎重に対処する必要があるとしています。
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
https://zenn.dev/reiwatravel/articles/09e0462dfff6de
https://zenn.dev/reiwatravel/articles/09e0462dfff6de
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
zenn.dev
May 23, 2024 at 11:32 AM
小さなデプロイで大きな成果！ Next.jsで実現するマイクロフロントエンド
https://zenn.dev/reiwatravel/articles/09e0462dfff6de
https://zenn.dev/reiwatravel/articles/09e0462dfff6de