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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.4k
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
6
680
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
990
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
150
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.5k
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
150
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
280
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
200
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670

Featured

See All Featured
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
180
Between Models and Reality
Avatar for mayunak mayunak
1
200
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
920

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