【DI】依存の書き換えハンズオン

事前準備

エディター : 作成者はVSCode想定

エミュレータ想定 : iOS

以下mainブランチのアプリが動かすことができる。

※ 強制アップデートなどのサンプルも一緒くたになっているリポジトリです。

目標

DIとは何かハンズオンの中で理解を深める。

「依存を変える」が何を指しているか理解する。

DIとは

→ Dependency Injection

DIとは、プログラミングにおけるデザインパターン（設計思想）の一種で、オブジェクトを成立させるために必要となるコードを実行時に注入（Inject）してゆくという概念のことである。

DIにおいては、オブジェクトが他のオブジェクトを利用するためのコードを初めから結合させるのではなく、オブジェクトの実行時に呼び出すようにしている。

このとき、オブジェクト間の結合が「依存性（Dependency）」と呼ばれる。オブジェクト成立のための情報を外部に分離させておくことによって、開発効率やソフトウェアの開発サイクルを向上させることができるとされる。

課題

「dioパッケージが使えなくなって、httpパッケージに書き換えなければならない」みたいなシナリオです。

※「書き換える」ではなく「依存を変える」です。

※ 30分くらいを想定しているため「Get通信」のみが対象のイメージで作りました。

https://gyazo.com/6c7285fee5dc93f5221a831d996c0cfd

利用させてもらっているAPI

API呼び出して、ポケモンの名前が表示できたらクリアです。

条件

「依存を変える」→ 新しいクライアントを作成・依存を注入している部分を書き換えるイメージ。

httpに対するExceptionについてはchatchしなくてもOKです

※できるとより良いですが、回答では想定はしていません。

編集したのは「ファイルを新規作成 + 既存ファイル一つ編集のみ」でした。

帳尻を合わせるために型変換を一回やりました。

※ ヒント全て同じページに書いているのでご注意

しばらく考えて何を言っているかわからない人は「3」をみてください。

１）パッケージの追加

2）ファイル作成場所

3）新しいクライアントの作成方法（方針のみ）

4）httpパッケージの使い方

5）型変換した場所

6）BaseResponseDataに変換するメソッド

7）ApiClientHttpクラスの全容

8）依存注入している部分

Flutter初学者用補足

パッケージの追加

「pubspec.yaml」というファイルの「dependencies」部分に追加したいパッケージを記載して、保存するとインストールされます。

※ Github上のファイル

modelの作成

今回modelは「pokemon」というものが存在します

※ Github上のファイル

※ Freeezedという自動生成のライブラリを利用していて、もし自動生成する場合は以下のコマンドを実行します。

fvm flutter pub run build_runner build --delete-conflicting-outputs

Map<String, dynamic> 型のデータをmodelに格納することができます。

プログラムに既に存在するもの

return Pokemon.fromJson(data.main);

riverpod (provider)とは？

リアクティブ・キャッシングとデータバインディングを実現するフレームワーク

今回の文脈では「DIの機能 +α状態管理」と説明させてもらいたい。

純粋な「DI」を実現するパッケージではないが、DIもできる（DIだけであれば「Provider」を使えば十分）としてもらいたい。

回答（ネタバレ）

プルリクとして差分で回答を書いてます。

最終的まとめの話（時間があれば）

https://gyazo.com/c2897a499a697f6bd7261e689e480632

modelが変わった。

ビジネスロジックが変わった

データベースが変わった。

パッケージが変わった。

Clean Architecture サイバーエージェント資料

依存関係を整理することで、変更が発生した際に最小限の部分だけ変更するようにしたい。

→そのためにDIという考え方がある。

Dioの元々の参考（プラスアルファの話）

今回のハンズオンをやってみた感じはdioの依存だったり、Providerの中に入れる型だったりは変えておきたいかも。

前回