Code for KOSEN勉強会#3の発表資料です http://codeforkosen.doorkeeper.jp/events/23396

2. Ƅ Rekimoto Lab. at University of Tokyo
(Samura Lab. at Akashi-NCT)
Enginner at Wantedly, Inc.
Mentor at Life is Tech, Inc.

5. Ruby
Ruby on Rails
JavaScript
Android
Design
Others
Skill Ratio

6. Depdendency
Injection

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

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

9. 共通 component
ふつうのばあい

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

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

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

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

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

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

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

19. Android
DI をつかおう
JavaScript

20. Android
DI をつかおう
Dagger2

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

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

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

24. Android における DI
Sign in
遷移
tweet 取得
DI コンテナ
DI コンテナが User を保持するので
ライフサイクルに巻き込まれない！

25. DI をつかおう
JavaScript
Browserify

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

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

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

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

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