2020/12/18 【Sansan Tech Meetup】Android開発Tipsを3社のエンジニアが語る ZOZOテクノロジーズ x クラスメソッド x Sansan ～Androidエンジニア向け勉強会～

1. Paging Libraryの利用をやめたい
お気持ち表明
Sansan株式会社
古川 真次
【Sansan Tech Meetup】Android開発Tipsを3社のエンジニアが語る
ZOZOテクノロジーズ x クラスメソッド x Sansan ～Androidエンジニア向け勉強会～

2. 自己紹介
● 古川 真次（ふるしん）
● @furusin_oriver
● Sansan,Inc. Android Engineer
● 大阪府在住
● 趣味：勉強会の主催、魚を捌く
● ほしいもの：分離キーボード、柳刃包丁
オンライン名刺

3. Paging…つらくない？

4. Paging…つらくない？
● Initialize
● 読み込んでるページの管理
● 次に読み込むタイミング
● クルクル
● etc...

5. Paging Libraryを使わない場合

6. ● 「アイテムの最後が表示された」Listenerを用意して汎用化しておく
Paging Libraryを使わない場合
abstract class OnLastItemVisibleListener : RecyclerView.OnScrollListener() {
override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
super.onScrolled(recyclerView, dx, dy)
if (一番下までスクロールしたら) {
onLastItemVisible()
}
}
protected abstract fun onLastItemVisible() {
}
}

7. ● 読み込むページを管理する必要がある
Paging Libraryを使わない場合
recyclerView.addOnScrollListener(object : OnLastItemVisibleListener() {
override fun onLastItemVisible() {
// 次のページを読み込む
loadHogeList(pageNumber = pageNumber.next)
}
})

8. ● 読み込むページを管理する必要がある
Paging Libraryを使わない場合
recyclerView.addOnScrollListener(object : OnLastItemVisibleListener() {
override fun onLastItemVisible() {
val state = hogeStateStore.data.value
if (state is HogeState.Success && state.hasNextPage) {
actionCreator.execute(state.pageNumber.next)
}
}
})

9. ● 読み込むページを管理する必要がある
Paging Libraryを使わない場合
recyclerView.addOnScrollListener(object : OnLastItemVisibleListener() {
override fun onLastItemVisible() {
val state = hogeStateStore.data.value
if (state is HogeState.Success && state.hasNextPage) {
actionCreator.execute(state.pageNumber.next)
}
}
})

10. （改めて）
Paging…つらくない？
（事前準備することめっちゃあるやん）

11. Jetpackにお任せ！

12. Paging Library
２

13. Paging Libraryの公式ドキュメント
https://developer.android.com/topic/libraries/architecture/paging?hl=ja

14. ● 前提となるコンポーネント
Paging Libraryを使った場合

15. ● 前提となるコンポーネント
Paging Libraryを使った場合

16. ●
DataSourceの例（Paging 3）
class GithubPagingSource(
private val service: GithubService,
private val query: String
) : PagingSource<Int, Repo>() {
override suspend fun load(params: LoadParams<Int>): LoadResult<Int, Repo> {
val position = params.key ?: GITHUB_STARTING_PAGE_INDEX
val apiQuery = query + IN_QUALIFIER
return try {
val response = service.searchRepos(apiQuery, position, params.loadSize)
val repos = response.items
LoadResult.Page(
data = repos,
prevKey = if (position == GITHUB_STARTING_PAGE_INDEX) null else position - 1,
nextKey = if (repos.isEmpty()) null else position + 1
)
} catch (exception: IOException) {
return LoadResult.Error(exception)
} catch (exception: HttpException) {
return LoadResult.Error(exception)
}
}
}

17. ●
DataSourceの例
class GithubPagingSource(
private val service: GithubService,
private val query: String
) : PagingSource<Int, Repo>() {
override suspend fun load(params: LoadParams<Int>): LoadResult<Int, Repo> {
val position = params.key ?: GITHUB_STARTING_PAGE_INDEX
val apiQuery = query + IN_QUALIFIER
return try {
val response = service.searchRepos(apiQuery, position, params.loadSize)
val repos = response.items
LoadResult.Page(
data = repos,
prevKey = if (position == GITHUB_STARTING_PAGE_INDEX) null else position - 1,
nextKey = if (repos.isEmpty()) null else position + 1
)
} catch (exception: IOException) {
return LoadResult.Error(exception)
} catch (exception: HttpException) {
return LoadResult.Error(exception)
}
}
}

18. ●
DataSourceの例
class GithubPagingSource(
private val service: GithubService,
private val query: String
) : PagingSource<Int, Repo>() {
override suspend fun load(params: LoadParams<Int>): LoadResult<Int, Repo> {
val position = params.key ?: GITHUB_STARTING_PAGE_INDEX
val apiQuery = query + IN_QUALIFIER
return try {
val response = service.searchRepos(apiQuery, position, params.loadSize)
val repos = response.items
LoadResult.Page(
data = repos,
prevKey = if (position == GITHUB_STARTING_PAGE_INDEX) null else position - 1,
nextKey = if (repos.isEmpty()) null else position + 1
)
} catch (exception: IOException) {
return LoadResult.Error(exception)
} catch (exception: HttpException) {
return LoadResult.Error(exception)
}
}
}

19. ●
DataSourceの例
class GithubPagingSource(
private val service: GithubService,
private val query: String
) : PagingSource<Int, Repo>() {
override suspend fun load(params: LoadParams<Int>): LoadResult<Int, Repo> {
val position = params.key ?: GITHUB_STARTING_PAGE_INDEX
val apiQuery = query + IN_QUALIFIER
return try {
val response = service.searchRepos(apiQuery, position, params.loadSize)
val repos = response.items
LoadResult.Page(
data = repos,
prevKey = if (position == GITHUB_STARTING_PAGE_INDEX) null else position - 1,
nextKey = if (repos.isEmpty()) null else position + 1
)
} catch (exception: IOException) {
return LoadResult.Error(exception)
} catch (exception: HttpException) {
return LoadResult.Error(exception)
}
}
}
成功：
失敗：

20. ●
DataSourceの例
class GithubPagingSource(
private val service: GithubService,
private val query: String
) : PagingSource<Int, Repo>() {
override suspend fun load(params: LoadParams<Int>): LoadResult<Int, Repo> {
val position = params.key ?: GITHUB_STARTING_PAGE_INDEX
val apiQuery = query + IN_QUALIFIER
return try {
val response = service.searchRepos(apiQuery, position, params.loadSize)
val repos = response.items
LoadResult.Page(
data = repos,
prevKey = if (position == GITHUB_STARTING_PAGE_INDEX) null else position - 1,
nextKey = if (repos.isEmpty()) null else position + 1
)
} catch (exception: IOException) {
return LoadResult.Error(exception)
} catch (exception: HttpException) {
return LoadResult.Error(exception)
}
}
}

21. ● 前提となるコンポーネント
Paging Libraryを使った場合
class ReposAdapter : PagingDataAdapter<Repo, RecyclerView.ViewHolder>(REPO_COMPARATOR) {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {}
override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {}
}

22. Paging Libraryで何がつらいか

23. ● そもそもAndroid app Architectureを前提としている
Paging Libraryで何がつらいか

24. ● SubHeaderの差し込みがしんどい
○ 「日付ごと」
とか
○ 「人ごと」
でのグルーピング
Paging Libraryで何がつらいか

25. ● SubHeaderの差し込みがしんどい
○ 「日付ごと」
とか
○ 「人ごと」
でのグルーピング
Paging Libraryで何がつらいか
Paging 3で解決されてるかも

26. SubHeaderの差し込みがしんどい
/**
* Returns a [PagingData] containing each original element, with the passed header [item] added
* to the start of the list.
*
* The header [item] is added to a loaded page which marks the end of the data stream in the
* prepend direction by returning null in [PagingSource.LoadResult.Page.prevKey]. It will be
* removed if the first page in the list is dropped, which can happen in the case of loaded
* pages exceeding [PagedList.Config.maxSize].
*
* Note: This operation is not idempotent, calling it multiple times will continually add
* more headers to the start of the list, which can be useful if multiple header items are
* required.
*
* @see [insertFooterItem]
*/
@CheckResult
fun insertHeaderItem(item: T) = insertSeparators { before, _ ->
if (before == null) item else null
}
● Paging 3で解決する（かも？）

27. ● 特定のアイテムを後から更新…がやりにくい
○ 更新するにはリストの再生成が必要
Paging Libraryで何がつらいか

28. ● 特定のアイテムを後から更新…がやりにくい
○ 更新するにはリストの再生性が必要
Paging Libraryで何がつらいか
Paging 3で解決されてるかも

29. Paging Libraryのつらみを
解消する方法
２

30. 1. Paging 3を使う
Paging Libraryでのつらみを解消する方法
２

31. 1. Paging 3を使う
a. そもそもまだAlphaなので今すぐには難しい
b. 「ここまだめっちゃ途中なんだよねー」みたいなコメントアウトめっちゃある
Paging Libraryでのつらみを解消する方法

32. 1. Paging 3を使う
a. そもそもまだAlphaなので今すぐには難しい
b. 「ここまだめっちゃ途中なんだよねー」みたいなコメントアウトめっちゃある
2. Paging 2でも力技で使えなくはない
Paging Libraryでのつらみを解消する方法

33. 1. Paging 3を使う
a. そもそもまだAlphaなので今すぐには難しい
b. 「ここまだめっちゃ途中なんだよねー」みたいなコメントアウトめっちゃある
2. Paging 2でも力技で使えなくはない
a. だったらPaging Library使わずに（無理してライブラリに依存せずに）
実現すればよいのでは
b. Paging Libraryの利用を（無理してやるのは）やめたいお気持ち表明
Paging Libraryでのつらみを解消する方法

34. ● 結論
○ 適材適所！
○ ただのリストを表示するだけのところはPaging Libraryが超便利
Paging Libraryでのつらみを解消する方法

35. ● Paging Libraryは「単にリストを表示するだけ」だと最高
● ただし相性が悪いパターンはある
● Paging Libraryは発展途上
● 適材適所！
まとめ

36. ● Codelabs：Paging 3
https://developer.android.com/codelabs/android-paging?index=../../index#0
● Paging library overview
https://developer.android.com/topic/libraries/architecture/paging
● Paging Library ~ アイテムの更新 ~
https://speakerdeck.com/kgmyshin/paging-library-aitemufalsegeng-xin
参考文献

37. ご清聴ありがとうございました