TypeScriptでDIしてみた

Transcript

1. で してみた NCDC株式会社　久光遼平

2. DI（Dependency Injection）とは？ • 依存性（Dependency）の注入（Injection） • もう少しわかりやすく あるクラスが依存している要素をクラスの外側から注入すること ClassA { private

   classB constructor( ClassBInterface classB ) { this.classB = classB; } } ClassA { private classB constructor() { this.classB = new ClassB(); } }

3. 何が嬉しいの？ • 単体テストがしやすくなる！ class Service { private repository; constructor() {

   this.repository = new Repository(); } find() { // ... this.repository.find(); return; } } よくあるテストしにくい例 テストしたいのはService層のロジック Repository（DB）のテストも含まれてしまう 　・テスト失敗した時の切り分けが面倒 　・実行時間がかかる DI→テスト側からモックを注入できる！

4. 実際のアプリではどうやって注入するの？ • DIコンテナという便利な仕組みがある ◦ インスタンスの生成、注入を一括で行ってくれる

5. TypeScriptのDIライブラリ

6. ②注入する側 ①注入される側 ③DIコンテナ 実装例 ④express

7. まとめ • DIすればテストしやすい作りにできる • DIの仕組みを作るにはInversifyJSを使えば楽 • あとはテストの時にモックを注入するだけ！ • 追記：Jestのモック機能を使えば、DIしなくてもテストは書けそう ◦

   DIのメリット→より簡単に自由にテスト書ける