Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
5分で学ぶ差分更新とRxDataSources
Search
Yuji Hato
April 10, 2018
Technology
0
320
5分で学ぶ差分更新とRxDataSources
Learn in 5 minutes
Incremental updates and RxDataSources
Yuji Hato
April 10, 2018
Tweet
Share
More Decks by Yuji Hato
See All by Yuji Hato
ABEMAモバイルアプリ開発のDevOps戦略
dekatotoro
1
670
Multiplatform Engineering Roadmap for the Future
dekatotoro
1
140
Introduction to RIBs
dekatotoro
5
1.4k
継続的な開発スタイル 「AbemaTV iOSアプリを週一で リリースしている話」
dekatotoro
6
4k
iOS Adaptive UI - 解像度の異なるデバイスや画面の向きに対応する 最適なレイアウトへ -
dekatotoro
0
450
動画アプリをなめらかに動かす技術 - iOS -
dekatotoro
0
390
AbemaTV モバイルアプリの開発体制と 開発プロセスの話
dekatotoro
0
270
Apple TV - tvOS入門 -
dekatotoro
0
140
AbemaTV on Apple TV
dekatotoro
0
43
Other Decks in Technology
See All in Technology
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
390
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
Beyond Kaniko: Navigating Unprivileged Container Image Creation
f30
0
120
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
250
モバイル界のMCPを考える
naoto33
0
390
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
210
Lambda Web Adapterについて自分なりに理解してみた
smt7174
5
150
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
1
500
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
1
210
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
130
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
120
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
480
Featured
See All Featured
Scaling GitHub
holman
459
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
A designer walks into a library…
pauljervisheath
207
24k
Site-Speed That Sticks
csswizardry
10
680
Measuring & Analyzing Core Web Vitals
bluesmoon
7
500
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Thoughts on Productivity
jonyablonski
69
4.7k
Transcript
AbemaTV iOSࣾϥϯνษڧձ 2018/04/10 Yuji Hato 5ͰֶͿ ࠩߋ৽ͱRxDataSources
About me Yuji Hato CyberAgent, Inc. / AbemaTV, Inc. dekatotoro
@dekatotoro Contributed services
RxDataSources
RxDataSources RxDataSources ͬͯԿʁ
RxDataSources RxSwiftͷͨΊͷUITableViewͱ UICollectionViewͷDataSource
RxDataSources Կ͕خ͍͠ͷʁ
RxDataSources UITableView, UICollectionViewͷ delete, insert, move͕ ؆୯ʹ࣮Ͱ͖Δ !
RxDataSources delete, insert, moveͷͨΊͷߋ৽ͷࠩΛந ग़͢ΔΞϧΰϦζϜਖ਼֬ʹΖ͏ͱ͢Δͱ ͚ͬ͜͏͍͠…
RxDataSources ࠩநग़ΞϧΰϦζϜ
RxDataSources ɾWagner-Fischer ɾHeckel ɾMyers ɾWu …
RxDataSources ࠩநग़ΞϧΰϦζϜͷϥΠϒϥϦ
RxDataSources ɾosteslag/Changeset … Wagner-Fischer ɾjflinter/Dwifft … Myers ɾwokalski/Diff.swift … Myers
ɾonyarnold/Differ … Myers(Diff.swiftͷfork) ɾonmyway133/DeepDiff … HeckelΆ͍ ɾInstagram/IGListKit … Heckel ɾRxSwiftCommunity/RxDataSources … Heckelվ ɾkazuhiro4949/EditDistance … Wu
RxDataSources IGListKit … SectionΛදݱͨ͠ଟ࣍ݩ ྻͷࠩʹରԠ͍ͯ͠ͳ͍ RxDataSources … ϢχʔΫIDΛ࣋ͪɺ ྻʹॏෳ͕ͳ͍લఏͰSectionͷࠩߋ৽
RxDataSources ↓ ͜ΕΘ͔Γ͍͢ https://github.com/horita-yuya/ DifferenceAlgorithmComparison
RxDataSources ࣮
RxDataSources
RxDataSources SectionModelͷprotocol
public protocol SectionModelType { associatedtype Item public var items: [Self.Item]
{ get } public init(original: Self, items: [Self.Item]) } RxDataSources
public protocol IdentifiableType { associatedtype Identity : Hashable public var
identity: Self.Identity { get } } RxDataSources
public protocol AnimatableSectionModelType : SectionModelType, IdentifiableType where Self.Item : IdentifiableType,
Self.Item : Equatable { } RxDataSources
RxDataSources SectionModel
enum DownloadSeriesSectionModel: AnimatableSectionModelType { typealias Item = DownloadSeriesSectionItem case episodeList(season:
DownloadSeason?, items: [Item]) case other(items: [Item]) // Mark: - IdentifiableType var identity: String { … } // Mark: - SectionModelType var items: [DownloadSeriesSectionItem] { switch self { case .episodeList(_, let items): return items case .other(let items): return items } } init(original: DownloadSeriesSectionModel, items: [Item]) { switch original { case .episodeList(let season, _): self = .episodeList(season: season, items: items) case .other: self = .other(items: items) } } } RxDataSources
RxDataSources SectionItemModel
enum DownloadSeriesSectionItem: IdentifiableType, Equatable { case episode(downloadMedia: DownloadMedia) case seeOtherEpisode(series:
DownloadSeries) // Mark: - IdentifiableType var identity: String { … } // Mark: - Equatable static func == (lhs: DownloadSeriesSectionItem, rhs: DownloadSeriesSectionItem) -> Bool { … } } RxDataSources
RxDataSources AnimatableSectionModel
public struct AnimatableSectionModel<Section: IdentifiableType, ItemType: IdentifiableType & Equatable> { public
var model: Section public var items: [Item] public init(model: Section, items: [ItemType]) { self.model = model self.items = items } } extension AnimatableSectionModel : AnimatableSectionModelType { public typealias Item = ItemType public typealias Identity = Section.Identity public var identity: Section.Identity { return model.identity } public init(original: AnimatableSectionModel, items: [Item]) { self.model = original.model self.items = items } public var hashValue: Int { return self.model.identity.hashValue } } RxDataSources Α͘ݟͨΒ3Y%BUB4PVSDFT ʹ"OJNBUBCMF4FDUJPO.PEFM͕ ༻ҙ͞Ε͍ͯΔͷͰ͜ΕΛ͏ ͷ͕CFUUFS
RxDataSources RxTableViewSectionedAnimatedDataSource
open class RxTableViewSectionedAnimatedDataSource<S: AnimatableSectionModelType> : TableViewSectionedDataSource<S> , RxTableViewDataSourceType { …
public init( animationConfiguration: AnimationConfiguration = AnimationConfiguration(), decideViewTransition: @escaping DecideViewTransition = { _, _, _ in .animated }, configureCell: @escaping ConfigureCell, titleForHeaderInSection: @escaping TitleForHeaderInSection = { _, _ in nil }, titleForFooterInSection: @escaping TitleForFooterInSection = { _, _ in nil }, canEditRowAtIndexPath: @escaping CanEditRowAtIndexPath = { _, _ in false }, canMoveRowAtIndexPath: @escaping CanMoveRowAtIndexPath = { _, _ in false }, sectionIndexTitles: @escaping SectionIndexTitles = { _ in nil }, sectionForSectionIndexTitle: @escaping SectionForSectionIndexTitle = { _, _, index in index } ) { self.animationConfiguration = animationConfiguration self.decideViewTransition = decideViewTransition super.init( configureCell: configureCell, titleForHeaderInSection: titleForHeaderInSection, titleForFooterInSection: titleForFooterInSection, canEditRowAtIndexPath: canEditRowAtIndexPath, canMoveRowAtIndexPath: canMoveRowAtIndexPath, sectionIndexTitles: sectionIndexTitles, sectionForSectionIndexTitle: sectionForSectionIndexTitle ) } … } RxDataSources
final class DownloadSeriesDelegate: NSObject, UITableViewDelegate { … lazy var dataSource:
RxTableViewSectionedAnimatedDataSource<DownloadSeriesSectionModel> = .init( animationConfiguration: AnimationConfiguration(insertAnimation: .fade, reloadAnimation: .none, deleteAnimation: .fade), configureCell: { [weak self] dataSource, table, indexPath, item in guard let me = self else { return UITableViewCell() // Should never reach here. } switch item { case .episode(let downloadMedia): let cell = table.dequeueReusableCell(DownloadListMediaCell.self, forIndexPath: indexPath) cell.configure(downloadMedia: downloadMedia) … return cell case .seeOtherEpisode(let series): let cell = table.dequeueReusableCell(DownloadSeeOtherEpisodeCell.self, forIndexPath: indexPath) cell.rx.tapGesture .subscribe(onNext: { [weak self] in … }) .disposed(by: cell.reusableDisposeBag) … return cell } }) … RxDataSources
final class DownloadSeriesViewStream { … let sectionModels: Property<[DownloadSeriesSectionModel]> private let
_sectionModels = Variable<[DownloadSeriesSectionModel]>([]) … } RxDataSources
final class DownloadSeriesViewController: UIViewController { … viewStream.sectionModels.asObservable() // IMPORTANT: //
crashճආɺཁௐࠪ. .throttle(1.0, latest: true, scheduler: ConcurrentMainScheduler.instance) .bind(to: tableView.rx.items(dataSource: delegate.dataSource)) .disposed(by: rx.disposeBag) … RxDataSources
RxDataSources UITableViewDelegateʁ
// MARK: - UITableViewDelegate func tableView(_ tableView: UITableView, heightForRowAt indexPath:
IndexPath) -> CGFloat { … } func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { … } func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? { … } func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { … } … RxDataSources
Conclusion
Conclusion • ࠩநग़ΞϧΰϦζϜͷϥΠϒϥϦݕ౼͠Α͏ • DiffΞϧΰϦζϜࣗલͰ࡞Ζ͏ͱ͢Δͱ͚ͬ͜͏େม • RxSwift͍ͬͯΔͳΒRxDataSourcesͰྑͦ͞͏
Thank you