「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導入の課題解決に役立つ資料を簡単に入手できます。
- Bluetoothの脆弱性が危険な件、あなたのイヤフォンは大丈夫？：579th Lap
- 「脱・アナログ」したい中小企業への新補助金制度はどこまで使えるか？
- PoCとは？ 実証実験との違い、進め方、成功の秘訣（ひけつ）を解説
- 勤怠管理システムの利用状況（2020年）／前編
- IEEE 802.11ayと802.15.3eで何変わる？ 「ミリ波帯超高速無線通信」とは
- 「Chromebook」は法人利用で生きるのか？
- 「RPA、取りあえずやってみよう」はダメ、正しい開発プロセスとは？
- 気が付けば“会話の渋滞”に……Web会議の「誰が何を言ってるのか分からない」を回避する解決技
- 地場のSIerは生き残れるか？ IT支出に見る地域格差
- カルビー情シス部に聞く、どうやって短期間で出社率管理を実現したのか？ システム移行＆アプリ開発秘話
ITmediaはアイティメディア株式会社の登録商標です。