「Flux」アーキテクチャとは？ MVCやMVPとの違いとテスタビリティー
「MVC」や「MVP」では、ModelやViewの数が膨大になり構造が複雑化するという問題があった。FluxアーキテクチャはMVCやMVPとどう違うのか。
本連載は、ソフトウェア開発のさまざまなアーキテクチャの中で、特にテストに強いものを紹介していきます。第4回は「Flux」を取り上げます。
著者紹介：石黒 邦宏
デジタル・マジック・ラボでインターネット経路制御運用に関わり、オープンソースウェアで経路制御を実現する「GNU Zebra」を開発。1999年IP Infusionを共同設立し、CTOに就任。2009年Access CTO、2015年アプリックス CTOを経て、2018年デジタルハーツホールディングスCTOに就任。
「Flux」の特長と仕組み
Fluxは、Facebookが提唱するアーキテクチャです。画面遷移が多く、情報のリアルタイムアップデートが必要なサービスの場合、MVC（Model、View、Controller）やMVP（Model、View、Presenter）といったアーキテクチャでは、ModelやViewの数が膨大になったり、ModelやView間での双方向のやりとりなどから、システム構造が非常に複雑化してしまったりという問題がありました。
Fluxはこれらの問題を解決するために提案されたアーキテクチャです。最大の特徴は、ModelとView間の双方向のデータフローではなく、全て単方向のデータフローであることです。
Fluxアーキテクチャでは、「Dispatcher」がMVCやMVPのControllerやPresenterの役割を、「Store」がModelに近い役割を担っています（図1）。Fluxはイベントが発生したときにどのようにStoreを更新するかをDispatcherが判断し、StoreはDispatcherからの指示に基づき、Viewを更新します。これらのやりとりは全て単方向で行われることから、ModelとViewの関係がシンプルになり、その結果システムの構造もシンプルになり、機能追加の際のコード修正やテストもしやすくなります。
Copyright © ITmedia, Inc. All Rights Reserved.
ホワイトペーパーや技術資料、導入事例など、IT導入の課題解決に役立つ資料を簡単に入手できます。
- テスラの大規模リコール、原因は思いもよらぬメモリ問題：600th Lap
- 「私はロボットではありません」認証しただけでマルウェア感染の可能性があるって本当？：569th Lap
- Teamsを使い倒せ これでZoomを追い抜くか？ 知っておきたい6つの追加機能
- Microsoft TeamsはWeb会議だけじゃない Power Platformでここまで便利に、現場でできるTeams改造術
- CO2排出ゼロの新エネルギー「アンモニア発電」とは？
- Teams電話の仕組み、費用は？ 大代表、部門代表電話を自宅で受ける方法を解説
- 実証実験続くBeyond 5G／6G「300GHz／テラヘルツ波無線通信」の今
- プロ直伝「Microsoft 365」ライセンスをフル活用する裏ワザ5選
- 「テープ vs. HDD」メリデメ徹底解説
- ライセンス監査を受けた企業の60％以上で追加費用が発生
ITmediaはアイティメディア株式会社の登録商標です。