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

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

Avatar for Hiroshi Hosoda Hiroshi Hosoda
April 01, 2024
Programming
1.4k
1

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

Avatar for Hiroshi Hosoda

Hiroshi Hosoda

April 01, 2024

Other Decks in Programming

See All in Programming
AIエージェントで 変わるAndroid開発環境
Avatar for takahirom takahirom
2
680
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
Avatar for shiro seike seike460
PRO
1
360
分散システム、なんですぐ死んでしまうん？耐障害性を高めたいあなたのためのレジリエンスパターン入門
Avatar for Mitsuhiro Shibuya mshibuya
7
6.4k
信頼性について考えてみる（SRE NEXT 2026 miniLT）
Avatar for hayama hayama17
0
200
アルゴリズムは何を圧縮しているのか ─ Haskell から育った「圧縮代数」というメンタルモデル
Avatar for Naoya Ito naoya
16
3.5k
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
Avatar for luccafort luccafort
PRO
0
400
Performance Engineering for Everyone
Avatar for Elena Tanasoiu elenatanasoiu
0
270
광주소프트웨어마이스터고등학교 DevFest 특강 - 바이브 코딩 시대에서 주니어 개발자로 살아남는 방법
Avatar for Chris Ohk utilforever
1
140
はてなアカウント基盤 State of the Union
Avatar for cockscomb cockscomb
1
1.3k
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
Avatar for ライガー raiga0310
2
330
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
Avatar for t-iida iidatakuma
1
800
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
130

Featured

See All Featured
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.8k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
490
Docker and Python
Avatar for Tania Allard trallard
47
4k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
180
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.1k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
160
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
180
Scaling GitHub
Avatar for Zach Holman holman
464
140k

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