Reactive Extensions

1. Reactive Extensions
(Rx)

2. マイクロソフト社
開発

3. Rxは、2009年11月18日からマイクロソフト
のボータルサイトが
解説されていた。

4. 様々に活用される関数型言語

5. 例えば

6. その前に!!

7. 私は誰ですか？

8. iosエンジニアです。
漫画アプリ、
RealmSDK、
セキュリティアプリ、
ニュースアプリ、
カメラアプリ、
アキパス
相続税アプリ、

9. RxSwift

10. RxJava

11. RxJs

12. ReactKit

13. RxCocoa

14. SwiftBond

15. ReactiveCocoa

16. RxRealm

17. SwiftbondだけRxではないけど
関数型言語です。

18. 本日は何をするか？

19. 関数型言語で全般的に使える
思考、解釈、コード発表。

20. RXのデザインパターンは
Observerpattern

21. Observerpattern
とは？

22. 監視対象のオブジェクトを観測者オブジェクト
が監視していて、監視対象が変化したのを観
測者が確認したら特定のアクションを起こすの
が基本です。

23. 例えば

24. Var a = 2
let b = a*3
b = 6

25. Var a = 2
let b = a*3
b = 6
そこに a = 3 にすると
b＝９になります。

26. 実際にコードで！！

27. import Foundation
import UIKit
#if !RX_NO_MODULE
import RxSwift
import RxCocoa
#endif
class NumbersViewController: ViewController {
@IBOutlet weak var number1: UITextField!
@IBOutlet weak var number2: UITextField!
@IBOutlet weak var number3: UITextField!
@IBOutlet weak var result: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
Observable.combineLatest(number1.rx_text, number2.rx_text, number3.rx_text) { textValue1, textValue2, textValue3 -> Int in
return (Int(textValue1) ?? 0) + (Int(textValue2) ?? 0) + (Int(textValue3) ?? 0)
}
.map { $0.description }
.bindTo(result.rx_text)
.addDisposableTo(disposeBag)
}
}

28. 実際にアプリで！！

29. https:
//github.com
/ReactiveX/RxSwift
こちらがおきまりのリンク先

30. Observable??

31. 先ほどのa=3にして
b=9になった流れが
Observableです！！

32. 様々な呼び出す関数！！
機能は、今回は割愛！！

33. ●empty
●just
●of
●toObservable
●create
●error
●deffered

34. そして！！！

35. 自分もコード書きました！！！
https://github.com/daisukenagata/Dban
k/tree/RxRealmTest

36. usernameOutlet.delegate = self
let usernameValid = usernameOutlet.rx_text
.map { $0 == self.userName}
.shareReplay(1)
usernameValid
.bindTo(usernameValidOutlet.rx_hidden)
.addDisposableTo(disposeBag)
let url = "http://api.gnavi.co.jp/RestSearcht=json=name"
/*
Observable<Results<Lap>> - wrap Results as observable
*/
realm.objects(Lap).asObservable()
.map {laps in "(laps.count) laps"}
.subscribeNext {[unowned self]text in
self.title = text
}
.addDisposableTo(disposeBag)
/*
Observable<Array<Lap>> - convert Results to Array and wrap as observable
*/
realm.objects(Lap).sorted("time", ascending: false).asObservableArray()
.map {array in array.prefix(2) }
.bindTo(tableView.rx_itemsWithCellIdentifier("Cell", cellType: UITableViewCell.self)) {row, element, cell in
cell.textLabel!.text = formatter.stringFromDate(NSDate(timeIntervalSinceReferenceDate: element.time))
Alamofire.request(.GET, url)
.responseJSON { response in
}.addDisposableTo(disposeBag)
addOneItemButton.rx_tap
.map { Lap() }
.bindTo(Realm.rx_add())
.addDisposableTo(disposeBag)
}

37. 何のコード???

38. usernameOutlet.delegate = self
let usernameValid = usernameOutlet.rx_text
.map { $0 == self.userName}
.shareReplay(1)
usernameValid
.bindTo(usernameValidOutlet.rx_hidden)
.addDisposableTo(disposeBag)
let url = "http://api.gnavi.co.jp/RestSearcht=json=name"
/*
Observable<Results<Lap>> - wrap Results as observable
*/
realm.objects(Lap).asObservable()
.map {laps in "(laps.count) laps"}
.subscribeNext {[unowned self]text in
self.title = text
}
.addDisposableTo(disposeBag)
/*
Observable<Array<Lap>> - convert Results to Array and wrap as observable
*/
realm.objects(Lap).sorted("time", ascending: false).asObservableArray()
.map {array in array.prefix(2) }
.bindTo(tableView.rx_itemsWithCellIdentifier("Cell", cellType: UITableViewCell.self)) {row, element, cell in
cell.textLabel!.text = formatter.stringFromDate(NSDate(timeIntervalSinceReferenceDate: element.time))
Alamofire.request(.GET, url)
.responseJSON { response in
}.addDisposableTo(disposeBag)
addOneItemButton.rx_tap
.map { Lap() }
.bindTo(Realm.rx_add())
.addDisposableTo(disposeBag)
}

39. RxRealm

40. 提供する反応コレクション型の非常に薄いラッ
パーです。

41. usernameOutlet.delegate = self
let usernameValid = usernameOutlet.rx_text
.map { $0 == self.userName}
.shareReplay(1)
usernameValid
.bindTo(usernameValidOutlet.rx_hidden)
.addDisposableTo(disposeBag)
let url = "http://api.gnavi.co.jp/RestSearcht=json=name"
/*
Observable<Results<Lap>> - wrap Results as observable
*/
realm.objects(Lap).asObservable()
.map {laps in "(laps.count) laps"}
.subscribeNext {[unowned self]text in
self.title = text
}
.addDisposableTo(disposeBag)
/*
Observable<Array<Lap>> - convert Results to Array and wrap as observable
*/
realm.objects(Lap).sorted("time", ascending: false).asObservableArray()
.map {array in array.prefix(2) }
.bindTo(tableView.rx_itemsWithCellIdentifier("Cell", cellType: UITableViewCell.self)) {row, element, cell in
cell.textLabel!.text = formatter.stringFromDate(NSDate(timeIntervalSinceReferenceDate: element.time))
Alamofire.request(.GET, url)
.responseJSON { response in
}.addDisposableTo(disposeBag)
addOneItemButton.rx_tap
.map { Lap() }
.bindTo(Realm.rx_add())
.addDisposableTo(disposeBag)
}

42. realm.objects(Lap).asObservable()

43. コレクションが
変更するたびに発行します。

44. .shareReplay(1)

45. Hot変換オペレータの1つ!

46. Hot???

47. Hotって何？

48. ストリームを内の変換名称

49. HotとColdがあります。

50. Hotはストリームを稼働さ
せる性質
Rxのストリームは基本的にSubscribeされた瞬間に各オペレータの動作が始まるようになっています。
ですがHot Observableをストリームの途中に挟むことで、Subscribeを実行するより前にストリームを稼働させることができます。

51. Subscribeされるまで動作
しない性質
Cold Observableは、Subscribeされる(またはHot変換される）まで動作しないObservableです。稼働していないCold Observableに渡されたメッ
セージは全て処理すらされることなく消滅してしまいます。

52. で、何で.shareReplay(1)？

53. replayとrefCountという2つのオペレーター
について知る必要があります。
引用しました。

54. realm.objects(Lap).sorted("time",
ascending: false).asObservableArray()

55. .asObservableArray()?

56. collection上のarray方式を使用する場合など
配列の値に変換します。

57. 今回のサンプルアプリケーションは、
配列に代入するBlock文の中に、
合わせてJsonから取得した情報をデータに書
き込みました。

58. /*
Observable<Array<Lap>> - convert Results to Array and wrap as observable
*/
realm.objects(Lap).sorted("time", ascending: false).asObservableArray()
.map {array in array.prefix(2) }
.bindTo(tableView.rx_itemsWithCellIdentifier("Cell", cellType: UITableViewCell.self)) {row, element, cell in
cell.textLabel!.text = formatter.stringFromDate(NSDate(timeIntervalSinceReferenceDate: element.time))
Alamofire.request(.GET, url)
.responseJSON { response in
こちらにJsonデータ
を代入しています。
}.addDisposableTo(disposeBag)
addOneItemButton.rx_tap
.map { Lap() }
.bindTo(Realm.rx_add())
.addDisposableTo(disposeBag)
}

59. 実際に動かします。
JsonのURL設定する際に、ぐるなび登録する
必要があります。

60. 感じた利点。

61. 可読性、保守性

62. 反射性、汎用性

63. 今後の課題

64. なぜ必要か？を明確にすること

65. 気づいたこと

66. Sansan様で登壇する際は、
BackGroundColorはWhiteにすること。

67. Thank you Sansan!!!