MVVM×クリーンアーキテクチャって結局どうするの？

## 概要
モバイルアプリに対してクリーンアーキテクチャを適用した具体例に関する記事が少ないなぁと感じておりました。そのため、本記事では個人的に思うMVVM×クリーンアーキテクチャの詳細を記載します。

## 前提
* モバイルアプリ開発におけるアーキテクチャを想定
  * 特に、AndroidかつJetpackComposeの使用を想定
  * DIの利用も想定

* APIサーバを持ち通信を行ってデータを取得する
* アプリ内のローカルなデータストアも利用する


## 結論
MVVMにクリーンアーキテクチャを組み込んだ図が次のようになることを想定しています。
グルーピングされたものが、パッケージとして分ける想定です。
(矢印は依存方向を示しており、点線はインターフェースに対する具体実装を示しています。)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/898008/7ff756af-5b64-6976-4130-726f1b61bf02.png)


## 設計意図
### テスタブルなコード
Model内にあるものをinterfaceを使って表現しているため、それぞれのパッケージのテストがしやすくなります。

### UIプレビューの表示ができるようになる
JetpackComposeではUIのプレビュー機能がありますが、UIが変な依存関係を持っていることでプレビューがエラーを起こすケースが多々あります。これは ***Repository層が具体実装に依存するため***　であるケースがほとんどなのですが、本アーキテクチャではそれをダミーに差し替えやすい構造になっているため、プレビューの表示が簡単になります。

### メンテナンスがしやすい
パッケージの粒度を割と細かくしているため、メンテナンスや変更は比較的に行いやすいと思います。

## 構成要素
#### UI
言わずもがな。ViewとViewModelによる構成となります。

#### Domain
ドメインにはUsecaseとIRepository(Repositoryのインターフェース)を定義しています。IResourceとILocalDataStoreをこちらに入れているのは依存性の逆転を行うことで、Domain層が最上位となるようにするためです。

#### Repository
ここでいうRepositoryとは**アプリ内におけるデータストア全般**を示しています。つまりアプリ内で扱うデータはここから全て持ってくるようになります。
 - ***Resource***
Repositoryの中における、外部からとってくるデータ　を示します。つまり、API通信によるデータを保持するパッケージとなります。
 - ***LocalDataStore***
Repositoryの中における、内部からとってくるデータ　を示します。つまり、デバイスで保持する永久的なデータはここからとってきます。

## サンプルコード
(更新予定...)

## 設計におけるよくある疑問
#### ViewModelとUsecaseのちがいは？
・ViewModelはあくまで画面の操作、文字変換などそのScreen特有のUIに関するロジックと状態管理
・UsecaseはRepositoryから受け取るデータ加工、調整、計算等

#### Usecaseを作るのは冗長になるだけでは?
冗長になるケースは確かに多いが、分けておくべきだと思います。
* あとから同じUsecaseの内容を使う事が出てきたときに、同じロジックがViewModelにコピペで量産されることになりメンテナンスが大変になるためです。
さらにいうと、冗長なのは実はViewModelの方だと思っています。(後述あり)

#### ViewModelが複数のUsecaseを使って良いのか?
Yes。必要になるケースがあるので、むしろその時にこのアーキテクチャの強みが生かされると思います。

#### UsecaseがほかのUsecaseを持ってきてよいのか?
個人的にはNo。やるならば、HogeSeerviceなどさらに上位のものを作ってそれをつかうのが良いと思います。

#### UsecaaeはRepositoryを複数取ってくるのは良いのか?
Yes。おそらく複数のRepositoryをとってくるケースの方が多い印象です。

#### DIはパッケージ的にどこで行う？
これは正しいか微妙ですが、自分はuiパッケージ内で行っています。
アーキテクチャ的には分けた方が良い気もしていますが、パッケージの依存方向などを考慮するとより複雑になるため、よりシンプルになるuiで全てのDIを行なっています。


## 気になっていること
### 実はViewModelいらない説
これは宣言的UIを使って上記のアーキテクチャに沿って作成すると、ViewModelはほとんどすることがないことに気づくと思います。
ViewModelの責務は"Viewの状態を管理する" と思っていますが、宣言的UIのフレームワークを使う場合は大した実装にはならないため、これを分ける意義があまりないようにも感じています。
こちらの記事で言及されている内容に近いのかなぁと思っています。

https://qiita.com/karamage/items/8a9c76caff187d3eb838

### Domain層とSerivceの違い
一般的な(?)クリーンアーキテクチャに則るのならば,UsecaseはService層に該当すると思います。つまりDomain層にはEntityが,Service層にはUsecaseが該当すると思いますが、モバイルアプリがビジネス的なDomainを持っているのか？　と考えた時にこれはYesとは言えない気がします。
そのため、[Android Develop公式](https://developer.android.com/topic/architecture/domain-layer?hl=ja)においてもDomainの中にはEntityなどが記載されておらず、Usecaseとしてひっくるめられているのかと思っています。
よって、今回紹介したアーキテクチャは、あえてDomainとSrviceを分けることなくDomainと一括りにしてUsecaseを入れています。

### まとめ
MVVMでクリーンアーキテクチャによる設計がベターだと思っています。一方で、ViewModelに関しては実はなくても問題なさそうな気はしています。


## 参考文献
* [ドメイン駆動設計入門](https://www.amazon.co.jp/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E9%A7%86%E5%8B%95%E8%A8%AD%E8%A8%88%E5%85%A5%E9%96%80-%E3%83%9C%E3%83%88%E3%83%A0%E3%82%A2%E3%83%83%E3%83%97%E3%81%A7%E3%82%8F%E3%81%8B%E3%82%8B%EF%BC%81%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E9%A7%86%E5%8B%95%E8%A8%AD%E8%A8%88%E3%81%AE%E5%9F%BA%E6%9C%AC-%E6%88%90%E7%80%AC-%E5%85%81%E5%AE%A3-ebook/dp/B082WXZVPC/ref=tmm_kin_swatch_0?_encoding=UTF8&qid=&sr=)
* [Android Develop公式のドメインレイヤについて](https://developer.android.com/topic/architecture/domain-layer?hl=ja)
* [nowinadnroidのレポジトリ](https://github.com/android/nowinandroid/tree/main)
* [ソフトウェアアーキテクチャの基礎](https://www.oreilly.co.jp//books/9784873119823/)
* [Clean Architecture　達人に学ぶソフトウェアの構造と設計](https://www.amazon.co.jp/Clean-Architecture-%E9%81%94%E4%BA%BA%E3%81%AB%E5%AD%A6%E3%81%B6%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%81%AE%E6%A7%8B%E9%80%A0%E3%81%A8%E8%A8%AD%E8%A8%88-%E3%82%A2%E3%82%B9%E3%82%AD%E3%83%BC%E3%83%89%E3%83%AF%E3%83%B3%E3%82%B4-%EF%BC%B2%EF%BD%8F%EF%BD%82%EF%BD%85%EF%BD%92%EF%BD%94-%EF%BC%A3%EF%BC%8E%EF%BC%AD%EF%BD%81%EF%BD%92%EF%BD%94%EF%BD%89%EF%BD%8E-ebook/dp/B07FSBHS2V/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=2Y8V1GEBZSYHV&dib=eyJ2IjoiMSJ9.TeP6h2UMQN80F5DYWR6_mETWI4ks7UA1nPJIUqL2eXFaFsVMUTM_bFFnbd73Azh8wEWE68FYGd22HK5eOJrkMwJjDOIL8SQ60pWZg3Z9byGSxpRcfgCYNFfoccr_Qe7CF0xXRjv1CCKNeuNTKohl4KWuVoOG4jFo3PMyOwy1xqL6a8orTNlp7jK1h11J7BZvA4LBDFj-dlpjZQ8_2Z_n_TLcVN9KoRJM-lXL-cdy5qo.CknHbqtnAdllHqau0EfPXWWIoJZU8IfMU_Bu5EHMerE&dib_tag=se&keywords=%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3&qid=1717916034&s=digital-text&sprefix=%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3%2Cdigital-text%2C170&sr=1-1)