RxSwift-MVVM

Transcript

1. RxSwiftを使った iOSアプリ開発の設計 @chocovayashi
2. 今日のゴール RxSwiftを使ってMVVMの 実装ができるようになる
3. 目次 • RxSwiftの説明 ◦ What is RxSwift ◦ When use RxSwift ◦ How to use RxSwift ◦ RxSwift導入よる利点 • 実際に実装してみよう ◦ Rx入れないMVVM ◦ Rx入れるMVVM • まとめ
4. 目次 • RxSwiftの説明 ◦ What is RxSwift ◦ When use RxSwift ◦ How to use RxSwift ◦ RxSwift導入よる利点 • 実際に実装してみよう ◦ Rx入れないMVVM ◦ Rx入れるMVVM • まとめ
5. What is RxSwift RxSwift = Rx + Swift Rx = Reactive Extensions Reactive Extensionsとは・・ 　　　イベントストリームを抽象化するライブラリ
6. 時間 【特徴】 • 値、エラー、完了の3種類のイベントが流れる。 • エラー、完了が流れると、それ以降イベントは流れない。 • イベントをlistenすることをsubscribeすると言う。 イベントが流れてくる川のようなイメージ What is RxSwift ストリーム
7. When use RxSwift UIイベント 通信処理 ボタンのタップや、TextFieldの入力、 TableViewへのデータのbindなど HTTP Requestを送信する場合など
8. How to use RxSwift (UIButton) tapイベント
9. 入力イベント How to use RxSwift (UITextField)
10. 2 5 8 変更イベント How to use RxSwift (KVO)
11. RxSwift導入による利点 非同期処理が簡単に実現可能
12. 可読性の向上 RxSwift使わない場合 RxSwift使わない場合 メソッドの目移りが なくなる RxSwift導入による利点
13. イベントの加工や結合などが簡単にできる 1 2 3 2 4 6 map { $0 * 2 } 1 2 3 6 reduce(0) { $0 + $1 } RxSwift導入による利点
14. 1 2 3 ストリームの結合などが簡単にできる 1 2 3 4 5 6 (例) merge observable1 observable2 4 5 6 output RxSwift導入による利点
15. 1 2 3 ストリームの結合などが簡単にできる 1 2 3 4 5 6 (例) concat observable1 observable2 4 5 6 output RxSwift導入による利点
16. 目次 • RxSwiftの説明 ◦ What is RxSwift ◦ When use RxSwift ◦ How to use RxSwift ◦ RxSwift導入よる利点 • 実際に実装してみよう ◦ Rx入れないMVVM ◦ Rx入れるMVVM • まとめ
17. 今回つくるもの Github APIにアクセスして その内容をViewに表示するア プリ
18. MVVM作成(共通) Entityの定義 swift4から導入された、 codableを用いて、CodingKeysに jsonのkeyを書くことにより 自動で構造体にマッピング される。
19. MVVM作成(共通) Requestの定義
20. Rxを入れないMVVM ライブラリを使わないMVVM • willSet / didSetを用いるパターン • Notificationを使うパターン 動的に監視を追加、削除が可能なので 今回はNotificationを利用
21. Rxを入れないMVVM Notification.Nameの拡張 keyを通知送信側と受信側で直接書くのは危ういので、 Extentionを用いて Notification.Name の拡張をすべき
22. Modelの実装 notificationの送信 Rxを入れないMVVM
23. ViewModelの実装 notificationの受け取り準備 notificationの解放 Rxを入れないMVVM
24. KVOのデメリット • 毎回解放するのが面倒 • Notification.Nameの拡張が大量に必要となる • 可読性が低い Rxを入れないMVVM
25. RxSwiftとAPIKitを連携するために、Sessionを拡張 Rxを入れるMVVM
26. Model Rxを入れるMVVM
27. ViewModel 取得したEntityを変数にbind VCからsubscribeされるもの Rxを入れるMVVM
28. ViewController VMでbindされたentityをlistenする VMを通じてデータを取得する Rxを入れるMVVM
29. RxSwiftのメリット • データの流れをシンプルに書ける • 可読性が高い RxSwiftのデメリット • 学習コストが高い Rxを入れるMVVM
30. まとめ RxSwiftを使うとシンプルにMVVMの 非同期処理を実現できる。 けど、学習コストが高い( ´∀｀) 導入するかはチームで要相談