Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Hiroshi Hosoda Hiroshi Hosoda
April 01, 2024
Programming
1
1.3k

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

Avatar for Hiroshi Hosoda

Hiroshi Hosoda

April 01, 2024
Tweet

Other Decks in Programming

See All in Programming
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
Avatar for o8n o8n
4
1.4k
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
Avatar for shiro seike seike460
PRO
2
160
20260320登壇資料
Avatar for 松井遼(まついはるか) pharct
0
120
コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions
Avatar for NAGATA Hiroaki handlename
0
230
ファインチューニングせずメインコンペを解く方法
Avatar for pokutuna pokutuna
0
170
The free-lunch guide to idea circularity
Avatar for Holly Cummins hollycummins
0
350
ふつうのRubyist、ちいさなデバイス、大きな一年 / Ordinary Rubyists, Tiny Devices, Big Year
Avatar for chobishiba chobishiba
1
500
ベクトル検索のフィルタを用いた機械学習モデルとの統合 / python-meetup-fukuoka-06-vector-attr
Avatar for monochromegane monochromegane
2
530
今年もTECHSCOREブログを書き続けます！
Avatar for 平奥真一（ひらおくしんいち） hiraoku101
0
120
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
3
420
Rで始めるML・LLM活用入門
Avatar for wakama1994 wakamatsu_takumu
0
200
守る「だけ」の優しいEMを抜けて、 事業とチームを両方見る視点を身につけた話
Avatar for Mitsui maroon8021
3
1.3k

Featured

See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
170
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
560
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
79
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
48k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
490
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k

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 ご静聴ありがとうございました