MV(R)Pの設計とZenjectは相性がいい！MV(R)PでZenject完全理解！

#こんな経験ありませんか？
[SerializeField]～View;
[SerializeField]～Model;
そして起こる無限のNullReferenceException...:innocent:
今回はこれを解決するように組んでいきます
#例えば
おそらくZenject未使用でMVP(UniRx)ありで組もうとするとこんな感じになると思います。

```Csharp:HPModel.cs
using System;
using UniRx;
using UnityEngine;

public class HPModel : MonoBehaviour
{
    [SerializeField]float hp = 100f;
    Subject<float> hPChanged = new Subject<float>();

    public IObservable<float> HPChanged => hPChanged;
    private void Start()
    {
        hPChanged.OnNext(hp);
    }
    public void Damage(float damage)
    {
        hp -= damage;
        hPChanged.OnNext(hp);
    }
}
```

```Csharp:HPPresenter.cs
using UnityEngine;
using UniRx;
public class HPPresenter : MonoBehaviour
{
    [SerializeField] HPModel model;
    [SerializeField] HPView view;
    void Start()
    {
        model.HPChanged.Subscribe(view.DisplayHP);
    }
}

```

```Csharp:HPView.cs
using UnityEngine;
using UnityEngine.UI;

public class HPView : MonoBehaviour
{
    [SerializeField] Text hp;
    public void DisplayHP(float HP)
    {
        hp.text = HP.ToString();
    }
}

```
これらのコードを
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/715d35f1-8ec4-2873-b2c0-eb3198b404be.png)

のようにマウスでカチカチして設定して

```Csharp:DamageButton.cs
using UnityEngine;
using UnityEngine.UI;
using UniRx;
public class DamageButton : MonoBehaviour
{
    [SerializeField] HPModel model;
    [SerializeField] float damageAmount;
    void Start()
    {
        GetComponent<Button>().onClick.AsObservable().Subscribe(_ => model.Damage(damageAmount));
    }
}
```
をButtonにつけて
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/883c3e3b-d60f-a884-7b5d-862dbeb9e47a.png)
またマウスでカチカチして...完成！

とこんな感じに
![ezgif-2-0c7436b789be.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/4c7fc65f-87bd-20b4-c313-0c3e38d3d7fd.gif)
できます！
#問題点
##設定忘れ==死問題:innocent:
はい...
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/b4f0b81a-f3f2-fe0a-2697-772cf208114d.png)
こうなるだけで死にます、この例程度ならわかりますが規模がでかくなると死にます、つらい
さらに別の問題もあって
ModelにMonobehaviourが依存する形で実装することで[SerializeField]でModelをいじることが出来るようになっていますが、ほんとは依存させたくない(いろいろ理由はありますが今回は省略)し負荷的にもあまりよろしくないです。あと実行順序で死ぬ場合もあるし
少し前まではここでシングルトンの説明が出てきてたのですが今回は別のソリューションでLet'sGo!
#解決策
ここで**Zenject**
![Zenject.png](https://github.com/modesttree/Zenject/blob/master/Documentation/Images/ZenjectLogo.png?raw=true)
##1.Zenjectのインストール
以下URLからダウンロードしてUnityに入れます。
https://github.com/modesttree/Zenject/releases
##2.SceneContextの用意
まずSceneContextを用意します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/cdc57d19-5f5a-86cc-369b-97e0fa2f2614.png)
こんな感じで**１つのシーンに１つ**SceneContextを用意してください
##3.スクリプトの書き換え
Zenjectっぽく書いていきますよー！

```Csharp:HPModel.cs
using System;
using UniRx;
using UnityEngine;

public class HPModel//MonoBehaviourが消えた！(どこからも参照されなくて大丈夫です)
{
    float hp = 100f;
    BehaviorSubject<float> hPChanged;
    public IObservable<float> HPChanged => hPChanged;
    public HPModel()
    {
        hPChanged = new BehaviorSubject<float>(hp);//初期化がコンストラクタでできる！(Monobehaviourがあるとできない)
    }
    public void Damage(float damage)
    {
        hp -= damage;
        hPChanged.OnNext(hp);
    }
    public void Heal(float heal)
    {
        hp += heal;
        hPChanged.OnNext(hp);
    }
}
```

```Csharp:HPPresenter.cs
using UniRx;
using System;

public class HPPresenter //MonoBehaviourが消えた！(どこからも参照されなくて大丈夫です)
{
     HPModel model; 
     HPView view;//SerializeFieldが消えた!

    public HPPresenter(HPModel model, HPView view)//コンストラクターに移動した!
    {
        this.model = model ?? throw new ArgumentNullException(nameof(model));
        this.view = view ?? throw new ArgumentNullException(nameof(view));
        model.HPChanged.Subscribe(view.DisplayHP);
    }
}
```

```Csharp:HPView.cs
using UnityEngine;
using UnityEngine.UI;
using Zenject;

public class HPView : MonoBehaviour
{
    [Inject] Text hp; //SerializeFieldがInjectに変わった！
    public void DisplayHP(float HP)
    {
        hp.text = HP.ToString();
    }
}
```

```Csharp:DamageButton.cs
using UnityEngine.UI;
using UniRx;
using Zenject;

public class DamageButton : MonoBehaviour
{
    [Inject] HPModel model;//どこからでも参照できる！
    [SerializeField] float damageAmount;
    void Start()
    {
        GetComponent<Button>().onClick.AsObservable().Subscribe(_ => model.Damage(damageAmount));
    }
}
```

##4.新しいスクリプトの追加
これだけだとどこからもスクリプトが参照されないので動かないのでZenjectをしｂ...依存関係を書いていきます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/43b044d4-e51a-fe90-f574-f829669baf77.png)

ここにあるMonoInstallerを押して任意の名前を付けます(今回はHPInstallerで行きます)

```Csharp:HPInstaller.cs
using UnityEngine;
using Zenject;

public class HPInstaller : MonoInstaller
{
    public override void InstallBindings()
    {
        Container.Bind<HPModel>().FromNew().AsCached();//HPModelをNewをして新しく作ってくださいの命令です
        Container.Bind<HPPresenter>().AsCached().NonLazy();//FromNew()は省略可能、NonLazy()は即時に実行してくださいという意味(おまじないと思っていただければ)
    }
}
```
##4.SceneContextに追加
このように書いて、さらに
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/b4d07daf-0d3c-42cf-88c0-8962493be617.png)
それを適当な場所にアタッチしておきます
そして先ほどのSceneContextにマウスかちかちで設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/9467806d-0838-97d4-d25a-f1ca963fa5ad.png)
##5.ZenjectBindingを追加
以下の画像のように設定することでHPViewをZenjectに認識させてやります
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/1b87aac4-6f1e-91a6-7c46-7bf36b13beed.png)
またTextもZenjectに乗せてあげます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/4866ca39-0bf3-be69-b05a-17b5d2db7128.png)
#完成！
![ezgif-2-0c7436b789be.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/4c7fc65f-87bd-20b4-c313-0c3e38d3d7fd.gif)
同じものが動きます
#つまり何やってるの？
イメージとしてはこんな感じです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/ad9d03b5-a031-00c0-e124-016745f40c14.png)
コンテナにInstallerとかがクラス(データ)を収納して
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/358dce39-b31a-810b-12fc-01315c13c03a.png)
(依存性を解決して)データを配ってくれる
#で何がいいの？
[SerializeField]が消えてNullReferenceExceptionになりづらく！
依存関係が自動的に解消されるのでデータがないときにnullチェックをする必要性が少なくなるのもポイントですね
#気づいた方はいるだろうか...
実はこのままだとHPの設定が出来ません(ModelがUnityから見えなくなったため)
こういう時の対処法も書いておきます
このようなときはたいてい初期化用のデータの場合が多いのでデータを外から注入してやればいいことになりますのでこういう場合に便利なのがScriptableObjectInstallerになります
MonoInstallerと同様に下の部分から
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/75437dd6-178f-51b1-316f-14fd44e85dd9.png)
で作成します今回はHPDataとしました

```Csharp:HPData.cs
using UnityEngine;
using Zenject;

[CreateAssetMenu(fileName = "HPData", menuName = "Installers/HPData")]
public class HPData : ScriptableObjectInstaller<HPData>
{
    [SerializeField] float hp;

    public float HP { get => hp; }

    public override void InstallBindings()
    {
        Container.Bind<HPData>().FromInstance(this).AsCached();
    }
}
```

HPModelを書き換え

```Csharp:HPModel.cs
using System;
using UniRx;
using UnityEngine;

public class HPModel
{
    [SerializeField] float hp = 100f;
    BehaviorSubject<float> hPChanged;
    public IObservable<float> HPChanged => hPChanged;
    public HPModel(HPData data)//ここを書き換え!
    {
        hp = data.HP;
        hPChanged = new BehaviorSubject<float>(hp);
    }
    public void Damage(float damage)
    {
        hp -= damage;
        hPChanged.OnNext(hp);
    }
    public void Heal(float heal)
    {
        hp += heal;
        hPChanged.OnNext(hp);
    }
}

```
次に実体を作ります
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/ad4e4ca8-8b74-6c0a-b054-b5c024c58ed5.png)
そして設定して
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/ab2fed89-058b-87f7-15e6-ca154dd869d3.png)
SceneContextに登録します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/124028/0d6b8edb-81e7-3c70-f3df-f1f16ad05391.png)
完了！
後はさっきの設定のところを適当な値にすると実行時に反映されます
#最後に...
Zenjectはいいぞ！！
<blockquote class="twitter-tweet" lang="ja"><p>Zenject悪循環</p>&mdash; VRのたぐすキャット(@notargs ) <a href="https://twitter.com/notargs/status/1116594165431721985">2019, 4月</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>