これからUICollectionViewを実践活用する人のためのガイド

これからUICollectionViewを 実践活用する人のためのガイド 宇佐見公輔 / 株式会社ゆめみ 2023-07-12 これからUICollectionViewを実践活用する人のためのガイド 1

自己紹介 宇佐見公輔（うさみこうすけ） 株式会社ゆめみ / iOSテックリード 大阪在住 iOSDC Japan 2023 パンフレット記事採択 → 入稿済 9月に現地参加予定 これからUICollectionViewを実践活用する人のためのガイド 2

今日の内容 UICollectionViewの学びかたを整理し て話します （ポスターセッションで応募しました が、残念ながら不採択でした） これからUICollectionViewを実践活用する人のためのガイド 3

UICollectionViewとは iOS 6で登場 グリッド表示のUIコンポーネント コンテンツの配置が柔軟に行える その柔軟性ゆえに実装の難易度は高め iOS 13〜14で、モダンなAPI群が追加 された これからUICollectionViewを実践活用する人のためのガイド 4

構成要素：UITableViewの場合 Data Source Cell 画面に表示されるぶんだけのデータを取得してセルを生成する仕組み これからUICollectionViewを実践活用する人のためのガイド 5

構成要素：UICollectionView Layout Data Source Cell UITableViewに加えて、グリッド表示などのレイアウトが追加 これからUICollectionViewを実践活用する人のためのガイド 6

実装のための基本 Layout UICollectionViewLayout Data Source クラスのサブクラス UICollectionViewDataSource Cell UICollectionViewCell プロトコルの実装クラス クラスのサブクラス これからUICollectionViewを実践活用する人のためのガイド 7

レイアウト クラスのサブクラス ただし、自前で実装するのは大変 標準で が用意されている これでほとんどのレイアウトは実現できる（iOS 13以降） 参考：以前は が標準だった 現在も使えるがオススメしない UICollectionViewLayout UICollectionViewCompositionalLayout UICollectionViewFlowLayout これからUICollectionViewを実践活用する人のためのガイド 8

データソース プロトコルの実装クラス 自前で実装するのも難しくない 標準で が用意されている 差分更新の仕組みがあって高機能（iOS 13以降） ただし、使うために学ぶことが少し多い UICollectionViewDataSource UICollectionViewDiffableDataSource これからUICollectionViewを実践活用する人のためのガイド 9

セル クラスのサブクラス 自前で実装するのも難しくはない セルの登録・再利用の仕組みも知る必要がある と が用意されている セルの実装を安全にする（iOS 14以降） が用意されている セルの登録・再利用の仕組みを安全にする（iOS 14以降） UICollectionViewCell UIContentView UIContentConfiguration CellRegistration これからUICollectionViewを実践活用する人のためのガイド 10

学ぶ順番：最初のステップ まずは最小限の実装でUICollectionViewを動かす 動かすために必要な要素を少ない労力で揃える これからUICollectionViewを実践活用する人のためのガイド 11

学ぶ順番：最初のステップ Layout UICollectionViewCompositionalLayout Data Source 最初は のがわかりやすい Cell 最初は わかりやすい UICollectionViewDataSource UICollectionViewCell の最小限の利用 プロトコルを自前実装する のサブクラスを自前実装するのが これからUICollectionViewを実践活用する人のためのガイド 12

学ぶ順番：次のステップ (1) Data Source プロトコルの自前実装をやめて、 を使う Diffable Data Sourceに必要な概念を学ぶ / / スナップショット UICollectionViewDataSource UICollectionViewDiffableDataSource Identifiable Hashable Equatable これからUICollectionViewを実践活用する人のためのガイド 13

学ぶ順番：次のステップ (2) Cell セルの登録・再利用に セルの実装に CellRegistration UIContentView と これからUICollectionViewを実践活用する人のためのガイド を使う UIContentConfiguration を使う 14

学ぶ順番：次のステップ (3) Layout UICollectionViewCompositionalLayout グループのネスト セクション、アイテムの装飾 これからUICollectionViewを実践活用する人のためのガイド をより詳しく学ぶ 15

宣伝 UICollectionViewの本を書きました BOOTH、Zennなどで販売中 書ききれなかった内容もあるので、 続編を検討中・・・ これからUICollectionViewを実践活用する人のためのガイド 16