Do you know Dependency Injection?

Transcript

1. 1.

   None
2. 2.

   Ƅ Rekimoto Lab. at University of Tokyo (Samura Lab. at

   Akashi-NCT) Enginner at Wantedly, Inc. Mentor at Life is Tech, Inc.
3. 3.

   None
4. 4.

   None
5. 5.

   Ruby Ruby on Rails JavaScript Android Design Others Skill Ratio

6. 6.

   Depdendency Injection

7. 7.

   依 存 性 注 入 ﾃﾞｨﾍﾟﾝﾃﾞﾝｼｰ･ｲﾝｼﾞｪｸｼｮﾝ

8. 8.

   依存性の注入とは、コンポーネント間の依存関係を プログラムのソースコードから排除し、 外部の設定ファイルなどで注入できるようにする ソフトウェアパターンである。 依存性の注入 - Wikipedia

9. 9.

   共通 component ふつうのばあい

10. 10.

    共通 component ふつうのばあい 直接参照している （global 変数，new など）

11. 11.

    共通 component ふつうのばあい component の機能が少ない… 拡張しよう！

12. 12.

    共通 component ふつうのばあい ＿人人人人人人人人＿ ＞　突然の密結合　＜ ￣Y^Y^Y^Y^Y^Y^Y￣

13. 13.

    共通 component DI する場合 インタフェースを参照する

14. 14.

    共通 component DI する場合 どの実態を利用するか DI コンテナに記述

15. 15.

    共通 component DI のメリット ここは単体テストで OK

16. 16.

    共通 component の モック DI のメリット mock に差し替えると テストが容易に！

17. 17.

    None
18. 18.

    None
19. 19.

    Android DI をつかおう JavaScript

20. 20.

    Android DI をつかおう Dagger2

21. 21.

    Android における DI Sign in 遷移 tweet 取得

22. 22.

    Android における DI Sign in 遷移 tweet 取得 インスタンス変数に保持してると… ライフサイクルに巻き込まれて死ぬ

23. 23.

    Android における DI Sign in 遷移 tweet 取得 DI コンテナ

24. 24.

    Android における DI Sign in 遷移 tweet 取得 DI コンテナ

    DI コンテナが User を保持するので ライフサイクルに巻き込まれない！
25. 25.

    DI をつかおう JavaScript Browserify

26. 26.

    JavaScript における DI グローバルオブジェクト（window/global）

27. 27.

    JavaScript における DI グローバルオブジェクト（window/global） ＿人人人人人人人人人＿ ＞　グローバル汚染　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y￣

28. 28.

    JavaScript における DI グローバルオブジェクト（window/global）

29. 29.

    JavaScript における DI グローバルオブジェクト（window/global） DI コンテナに押し込めて グローバル汚染を防止

30. 30.

    まとめ DIでグローバル汚染の防止 DIでテスタビリティ向上 DIでモジュールの疎結合化 Android では… Dagger / Dagger2 JavaScript

    では… Browserify / ECMAScript 6
31. 31.

    None
32. 32.

    None
33. 33.

    None