RxSwift Ͱ࡞Δ UITableView ϦίʔITιϦϡʔγϣϯζגࣜձࣾ Taketo CHIBA

ࣗݾ঺հ • ઍ༿ݐਓ • twitter: @taketomato • 2006೥ೖࣾͣͬͱϓϩάϥϜͤͣ • 2014೥͔ΒiOSΤϯδχΞ

Why RxSwfit ? • ࠓ೥3݄ try! Swift ͷલ೔ʹαΠόʔΤʔδΣϯτͷ ษڧձʹࢀՃ • ൃද͕΄΅ RxSwift ʹؔ͢Δ಺༰

Why RxSwfit ? ʮ࣌୅͸ϦΞΫςΟϒͳͷ͔ʁʯ

Why RxSwfit ? ࣍ʹ࡞ΔΞϓϦͰ࢖͏͔͠ͳ͍ʂʂ

What is RxSwfit ? • ReactiveX (Reactive Extensions) ͷ Swift ࣮૷ • ϦΞΫςΟϒϓϩάϥϛϯάΛ࣮ݱ͢Δͨ ΊͷσβΠϯͱɺͦͷ࣮૷ϥΠϒϥϦ • RxJAVA ΍ RxJS ͳͲ֤ݴޠ/ϓϥοτϑΥʔ Ϝ༻ͷ࣮૷͕͋Δ

• ஋ͷؔ܎ੑΛهड़ͯ͠ϓϩάϥϛϯά͢Δ • ैདྷͷํ๏ΑΓهड़͕γϯϓϧʹͳΔ͜ͱ ͕ଟ͍ What is RxSwfit ?

Πϝʔδͱͯ͠͸ ໋ྩܕ ϦΞΫςΟϒ ※࣮ࡍͷίʔυͰ͸͋Γ·ͤΜ

Πϝʔδͱͯ͠͸ ໋ྩܕ ϦΞΫςΟϒ ※࣮ࡍͷίʔυͰ͸͋Γ·ͤΜ ؔ܎Λهड़͓ͯ͘͠ͱɺ มߋ͕͋Δͨͼʹมߋ͕఻ൖ͞Εਖ਼͍݁͠Ռ͕ಘΒΕΔ

Words • Πϕϯτ: ௨৴΍UI෦඼ͷλοϓɺσʔλͷߋ৽ͳͲ • Observable: ΠϕϯτΛഉग़͢ΔݩͱͳΔ΋ͷ • Observer: ΠϕϯτΛ؍ଌ͢Δ΋ͷ • Subscribe: Observer ͕؍ଌΛ࢝ΊΔ͜ͱ • bind: Observable ͱ Observer Λඥ͚ͮΔ͜ͱ

͖͞΄ͲͷΠϝʔδͩͱ

͖͞΄ͲͷΠϝʔδͩͱ Observable

͖͞΄ͲͷΠϝʔδͩͱ Observable Observer

͖͞΄ͲͷΠϝʔδͩͱ Observable Observer bind

͖͞΄ͲͷΠϝʔδͩͱ Observable Observer bind Πϕϯτ(஋ͷมߋ)

RxSwift Λ࢖ͬͯ Let’s ࣮૷ ΍Δ͜ͱ 1. ഑ྻσʔλΛ UITableView ʹදࣔͰ͖ΔΑ͏ʹ͢Δ 2. Realm ͷσʔλΛ UITableView ʹදࣔͰ͖ΔΑ͏ʹ͢Δ 3. Realm ͷσʔλΛηΫγϣϯදࣔͰ͖ΔΑ͏ʹ͢Δ * Realm…ϞόΠϧ޲͚σʔλϕʔε

ࣄલ४උ • RxSwift / RxRealm / RxDataSources ͷಋೖ͕ඞཁ • CocoaPods / Carthage ͰಋೖͰ͖·͢ github "ReactiveX/RxSwift" ~> 3.0 github “RxSwiftCommunity/RxRealm" github "RxSwiftCommunity/RxDataSources" ~> 1.0 Cartfile ίϚϯυ $ carthage update

1. ഑ྻσʔλΛ UITableView ʹදࣔͰ͖Δ Α͏ʹ͢Δ arrayObservable .bind(to: tableView.rx.items(cellIdentifier: “Cell")) { row, element, cell in // セルの設定 } .addDisposableTo(disposeBag)

1. ഑ྻσʔλΛ UITableView ʹදࣔͰ͖Δ Α͏ʹ͢Δ arrayObservable .bind(to: tableView.rx.items(cellIdentifier: “Cell")) { row, element, cell in // セルの設定 } .addDisposableTo(disposeBag) Observable Observer

1. ഑ྻσʔλΛ UITableView ʹදࣔͰ͖Δ Α͏ʹ͢Δ arrayObservable .bind(to: tableView.rx.items) { tableView, row, element in // セルの設定 } .addDisposableTo(disposeBag) arrayObservable .bind(to: tableView.rx.items(dataSource: dataSource)) .addDisposableTo(disposeBag)

2. Realm ͷ σʔλΛ UITableView ʹද ࣔͰ͖ΔΑ͏ʹ͢Δ Observable.changeset(from: realmResult) .subscribe(onNext: { [weak self] results, changes in // tableView の更新 }) .addDisposableTo(disposeBag) • RxRealm Ͱ༻ҙ͞Ε͍ͯΔϝιουΛ࢖͏͜ͱͰɺRealm ͷมߋΛ؂ࢹ͢Δ͜ͱ͕Ͱ͖·͢

2. Realm ͷ σʔλΛ UITableView ʹද ࣔͰ͖ΔΑ͏ʹ͢Δ Observable.changeset(from: realmResult) .subscribe(onNext: { [weak self] results, changes in // tableView の更新 }) .addDisposableTo(disposeBag) • RxRealm Ͱ༻ҙ͞Ε͍ͯΔϝιουΛ࢖͏͜ͱͰɺRealm ͷมߋΛ؂ࢹ͢Δ͜ͱ͕Ͱ͖·͢ Observable Observer

3. Realm ͷσʔλΛηΫγϣϯදࣔͰ ͖ΔΑ͏ʹ͢Δ • ઐ༻ͷ datasource Λ༻ҙ͢Δ • Realm σʔλΛखಈͰηΫγϣϯ෼ྨ͢Δ (=SectionModel) • SectionModel ͷ Observable Λ bind ͢Δ

3. Realm ͷσʔλΛηΫγϣϯදࣔͰ ͖ΔΑ͏ʹ͢Δ let dataSource = RxTableViewSectionedReloadDataSource >() sectionModelObservable .bind(to: tableView.rx.items(dataSource: dataSource)) .addDisposableTo(disposeBag)

3. Realm ͷσʔλΛηΫγϣϯදࣔͰ ͖ΔΑ͏ʹ͢Δ let dataSource = RxTableViewSectionedReloadDataSource >() sectionModelObservable .bind(to: tableView.rx.items(dataSource: dataSource)) .addDisposableTo(disposeBag) datasource sectionModel ͷ Observable

3. Realm ͷσʔλΛηΫγϣϯදࣔͰ ͖ΔΑ͏ʹ͢Δ let dataSource = RxTableViewSectionedReloadDataSource >() sectionModelObservable .bind(to: tableView.rx.items(dataSource: dataSource)) .addDisposableTo(disposeBag) ·ͩࣗಈߋ৽Ͱ͖͍ͯ·ͤΜ (; _ ;)

·ͱΊ • RxSwift Λ࢖͏͜ͱͰ UITableView ͕؆ܿʹߏஙͰ ͖Δ • UIߋ৽ͱσʔλͷ؅ཧΛ෼཭͢Δ͜ͱ͕Ͱ͖Δ • ධ൑௨Γֶशίετ͸ߴ͍…·ͩ·ͩษڧ͕ඞཁ

αϯϓϧίʔυ • ͷͪ΄Ͳ Github Ͱެ։͠·͢

Library ReactiveX : http://reactivex.io/ RxSwift: https://github.com/ReactiveX/RxSwift RxRealm: https://github.com/RxSwiftCommunity/RxRealm RxDataSources: https://github.com/RxSwiftCommunity/RxDataSources

ࢀߟ Link ϦΞΫςΟϒϓϩάϥϛϯά΁ͷཧղ͕ΠϚΠνͩͬͨͷͰ·ͱΊͯΈ ͨ http://system.blog.uuum.jp/entry/ %E3%83%AA%E3%82%A2%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96%E3 %83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82 %B0%E3%81%B8%E3%81%AE%E7%90%86%E8%A7%A3%E3%81%8C%E3%82%A 4%E3%83%9E%E3%82%A4%E3%83%81%E3%81%A0%E3%81%A3 SwiftͰRealmΛ࢖͏࣌ͷTips - Qiita http://qiita.com/nakau1/items/ a591d9cc34e5b575ceb5 RxSwiftͷUITableViewͱͷόΠϯσΟϯά·ͱΊ - Qiita http://qiita.com/ hironytic/items/71bc729abe73ab9f0879

THANKS!!