SwiftUI Performance 不要なViewの再描画と更新を抑える

Transcript

1. © DMM © DMM CONFIDENTIAL SwiftUI Performance 不要なViewの再描画と更新を抑える
2. © DMM 自己紹介 • 細田大志 • 2019年 中途入社 • 動画配信開発部 • DMMTVの開発 2
3. © DMM 3 • Viewの再描画と更新の仕組み • Identity • Property • Equatable • Viewの再描画と更新を抑える方法 • デバッグとInstruments アジェンダ
4. © DMM 4 • 再描画 • Viewを0から生成し直し表示する • ViewのIdentityが変化した場合 • 更新 • 必要なViewを更新して表示する • Viewのプロパティが変化した場合 Viewの再描画と更新
5. © DMM Identity SwiftUIはアプリの更新において同じか異なる要素かをIdentityによって認識 します。 SwiftUIには2種類のIdentityがあります。 • Explicit Identity • Structural Identity 5
6. © DMM Explicit Identity 明示的な値によって管理されるIdentity。 6
7. © DMM Structural Identity View構造と型によって管理される 7
8. © DMM Property • @State • @StateObject • @ObservedObject • @Binding • let • など 8
9. © DMM Equatable Viewが同値かによって更新するかを判定 9
10. © DMM 可能な限り分岐を統合する 可能な限りModifierを活用する 10
11. © DMM Viewには必要最低限な値を渡す プロパティが変更されると、View全体が更新される 11
12. © DMM Observation オブジェクトのプロパティをSwiftUIのViewが監視できるようになる。 12
13. © DMM Viewを分割する 複数のPropertyを持つViewのBodyを分割する 13
14. © DMM Viewを比較可能にする 14
15. © DMM ForEach ステーブルなidを使う 15
16. © DMM Debug • Self._printChanges • Viewが再描画または更新されるタイミングと要因を確認することができる • print(type(of: self.body)) • bodyの型情報を確認することができる 16
17. © DMM Instruments • Time Profiler • 実行された関数にかかった時間 • Hangs • 応答していないメインスレッドを検 出し、対応するインターバルをハ ングの可能性があるものとしてラ ベル付けされる • View Body • 作成されたビューの数と作成にか かった時間 17
18. © DMM ご静聴ありがとうございました