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
TypeSpec で繋ぐ複数プロダクトの型安全
Avatar for Mitsui maroon8021
1
180
バックエンドにElysiaJSを採用して気付いた、良い点・悪い点
Avatar for わんこ(Wanko_IT) wanko_it
1
110
Modding RubyKaigi for Myself
Avatar for yui-knk yui_knk
0
390
20260514 - build with ai 2026 - build LINE Bot with Gemini CLI
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
460
Swiftのレキシカルスコープ管理
Avatar for kntk kntkymt
0
180
20260514_its_the_context_window_stupid.pdf
Avatar for heita heita
0
1.1k
実践ハーネスエンジニアリング：ステアリングループを実例から読み解く / Practical Harness Engineering: Understanding Steering Loops Through Real-World Examples
Avatar for nrs nrslib
6
6.1k
Agent Skills を社内で育てる仕組み作り
Avatar for jackchuka jackchuka
1
2.3k
Zod v4 Codec でスキーマに型変換を埋め込む REST API 設計 #TSKaigi2026
Avatar for Ryutaro Yako ryutaro_yako
0
100
ビジネスモデルから紐解く、AI+型駆動開発
Avatar for Hiroki Omote hirokiomote
2
1k
サークル参加から学ぶ、小さな事業の回し方
Avatar for yuzneri yuzneri
0
220
AI時代だからこそ「Bloc」を採用する価値があるのかもしれない
Avatar for takuro abe takuroabe
0
220

Featured

See All Featured
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
790
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
52k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
120
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
330
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
12k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

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