第3回NestJS勉強会 Dependency Injectionについて

DIとDIコンテナがNestJSでどのように役に立っているか、説明しました！

Transcript

1. 第3回NestJS勉強会 Dependency Injectionを理解する 2022/06/23 taku@webエンジニア(@sig-code1)
2. Dependency Injectionとは？
3. 「依存している部分を、外から注入する」 一言で表すと...
4. 用語 ・依存性の注入 ・Dependency Injection ・DI（Dependency Injectionの略語）
5. NestJSではどの部分？
6. 依存性を注入をしている部分
7. @InjectableデコレータをUserServiceClassにつ けることで、providersに登録可能 providers・・・Moduleの要素の1つ(他にImports,controllers,exportsなどがある)
8. NestJSのDIシステムによって、 UserServiceクラスがインスタンス化がされるように ＋ Module内で使用できるようになる Module内・・・今回でいうとUsersControllerなどのUsersModuleに書かれたClassたちのこと
9. providersに登録したClassをconstructor引数に指定 →UsersServiceClassをインスタンス化 →UsersController内で使用できるように
10. NestJSを使わず、 DIを用いていないサンプルコード こんな感じに☞
11. user.ts database.ts index.ts コンソールに Save taku!を 出力するだけのコード メソッド内でクラスをインスタンス化
12. これを、DI対応をすると
13. user.ts database.ts index.ts コンソールに Save taku!を 出力するだけのコード 外からクラスを渡すように
14. あんまり、変化が... • Userクラスの外部からDatabaseクラスを渡すだけで、DIの 対応は完了 • 依存対象となるDatabaseクラス(dependency)を外部から 渡す・注入(injection)している ☞Dependency Injectionと呼ばれる
15. DIのメリットは 単体テストがしやすくなること なぜか DI対応前のコードの場合、Userクラスの単体テストをしようとすると... ☞Databaseクラスに依存しているため、テスト失敗時の原因の切り分けが難しい ☞それはもはや、単体テストと呼べるのか？？
16. user.ts database.ts index.ts コンソールに Save taku!を 出力するだけのコード メソッド内でクラスをインスタンス化
17. まだ、問題はある
18. user.ts database.ts index.ts コンソールに Save taku!を 出力するだけのコード 外からクラスを渡すように
19. • Userクラスをインスタンス化する時 ☞Databaseクラスをインスタンス化して渡さないといけない ☞つまり、UserクラスはDatabaseクラスに依存しているこ とになる
20. これを解決するには？
21. • Userクラスをインスタンス化する時に、外からDatabaseク ラスをインスタンス化せずに動かしたい もう一度、言語化
22. user.ts database.ts index.ts コンソールに Save taku!を 出力するだけのコード ここの部分
23. • アプリ側では、求めるクラスを与えられば動くコードを書きた い • オブジェクト（クラス）に何が外から渡されるかを管理したく ない 抽象度を上げると...
24. DIコンテナ
25. • DIコンテナはDIをサポートするツールである • オブジェクト（クラス）やオブジェクトの生成方法を保持す る箱のようなもの • アプリケーション（実装者側）がDIコンテナから必要なクラ スを取り出すだけにする ざっくり
26. DI コンテナ Application (コード側) UserServiceクラスがほしい
27. DI コンテナ Application (コード側) 処理中.....
28. DI コンテナ Application (コード側) UserService インスタンスが生成されたかを知らず、 UserServiceを利用することができる
29. • DIコンテナは登録と取得 • 好きなオブジェクト(クラス)を登録 • 登録したオブジェクトを取得 簡単に言語化
30. NestJSをもう一度みてみる
33. まとめてみると
34. • DIはデザインパターン ☞依存している部分を外から渡す • DIコンテナ ☞DIを強く後押しするツール • デコレーターとModuleファイルを使用して登録 • 使いたいオブジェクト（Class）で取得
35. テストコードを見てみよう https://github.com/sig-code/nest-study
36. ご清聴ありがとうございました🙇