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

SwiftUIを導入したアプリ設計

Avatar for Yu Tawata Yu Tawata
September 21, 2020
Programming
4
2.8k

 SwiftUIを導入したアプリ設計

iOSDC Japan 2020での登壇資料です
Avatar for Yu Tawata

Yu Tawata

September 21, 2020
Tweet

More Decks by Yu Tawata

See All by Yu Tawata
try! Serverless App with Swift
Avatar for Yu Tawata yuta24
2
550
再利用可能なUI Componentsを利用したアプリ開発
Avatar for Yu Tawata yuta24
12
3.4k
Wantedly Peopleの連絡先一覧について
Avatar for Yu Tawata yuta24
1
5.6k
Wantedly Peopleがたどり着いたアーキテクチャ
Avatar for Yu Tawata yuta24
1
5.1k

Other Decks in Programming

See All in Programming
Google Agent Development Kit でLINE Botを作ってみた
Avatar for Kento.Yamada ymd65536
2
200
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
Avatar for uki00a uki00a
0
150
XSLTで作るBrainfuck処理系
Avatar for MakKi makki_d
0
210
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
Avatar for 武田 憲太郎 kentaroutakeda
2
660
第9回 情シス転職ミートアップ 株式会社IVRy（アイブリー）の紹介
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
250
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
Avatar for panda_program panda_program
6
1.7k
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
Avatar for shiro seike seike460
PRO
1
340
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
2
950
High-Level Programming Languages in AI Era -Human Thought and Mind-
Avatar for Hayato Ishida hayat01sh1da
PRO
0
590
エラーって何種類あるの？
Avatar for Takuma Kajikawa kajitack
5
320
WindowInsetsだってテストしたい
Avatar for RyuNen344 ryunen344
1
200
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
590

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
17
950
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
694
190k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.4k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.6k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k

Transcript

  1. Yu Tawata, 2020/9/21 SwiftUIΛಋೖͨ͠ΞϓϦઃܭ iOSDC Japan 2020

  2. ࣗݾ঺հ • Yu Tawata • iOS Engineer • Twitter: yuta24

    • Joined DMM at 2019
  3. None

  4. ΞδΣϯμ • ઃܭͷ໨ඪ • SwiftUI • ՝୊ • ݕূ •

    ΞʔΩςΫνϟ • ϑϩʔ • ·ͱΊ

  5. ઃܭͷ໨ඪ • ੜ࢈ੑ • Ϗϧυ࣌ؒ • ࣮૷ίετ • UI •

    σΟʔϓϦϯΫ • ςετ༰қੑ • Ϣχοτςετ • εφοϓγϣοτςετ

  6. ઃܭͷ໨ඪ • ੜ࢈ੑ • Ϗϧυ࣌ؒ • ࣮૷ίετ • UI •

    σΟʔϓϦϯΫ • ςετ༰қੑ • Ϣχοτςετ • εφοϓγϣοτςετ ϚϧνϑϨʔϜϫʔΫ SwiftUI Coordinator DI ViewState
  7. None

  8. SwiftUI • ओͳಛ௃ • એݴతʹUIΛهड़Ͱ͖Δ • ࣮ࡍͷΞϓϦΛಈ࡞ͤͯ͞୯ҰViewΛPreviewͰ͖Δ • શͯͷAppleϓϥοτϑΥʔϜ্Ͱར༻Ͱ͖Δ •

    ޓ׵ੑ • SwiftUI্ʹUIKitͷViewΛ௥ՃՄೳ • UIKitͷViewʹSwiftUIͷViewΛ௥ՃՄೳ

  9. બ୒ࢶ 1. SwiftUIΛϕʔεʹ࣮૷͠ɺUIKitΛҰ෦Ͱར༻͢Δ 2. UIKitΛϕʔεʹ࣮૷͠ɺSwiftUIΛҰ෦Ͱར༻͢Δ 3. UIKitͷΈͰ࣮૷͢Δ

  10. બ୒ࢶ 1. SwiftUIΛϕʔεʹ࣮૷͠ɺUIKitΛҰ෦Ͱར༻͢Δ 2. UIKitΛϕʔεʹ࣮૷͠ɺSwiftUIΛҰ෦Ͱར༻͢Δ 3. UIKitͷΈͰ࣮૷͢Δ

  11. ߟྀ͢΂͖ཁ݅ • ػೳ • Χϧʔηϧදࣔ • ෳ਺ͷΞϓϦىಈܦ࿏ • ඇػೳ •

    จࣈ૷০ • ΞφϦςΟΫε • ը໘ભҠ • Ϙλϯλοϓ • ίϯόʔδϣϯ • ΫϥογϡϝτϦΫε • ύϑΥʔϚϯεϞχλϦϯά

  12. • ػೳ • Χϧʔηϧදࣔ • ෳ਺ͷΞϓϦىಈܦ࿏ • ඇػೳ • จࣈ૷০

    • ΞφϦςΟΫε • ը໘ભҠ • Ϙλϯλοϓ • ίϯόʔδϣϯ • ΫϥογϡϝτϦΫε • ύϑΥʔϚϯεϞχλϦϯά ߟྀ͢΂͖ཁ݅

  13. ෳ਺ͷΞϓϦىಈܦ࿏ • UIKitͷ৔߹ • Coordinatorύλʔϯ • SwiftUIͷ৔߹ • ʁʁʁʁ

  14. UIKitͷ৔߹ - Coordinator • ը໘ભҠॲཧΛVC͔Β CoordinatorʹҠৡ͢Δ • VCؒͷґଘΛૄʹ͢ΔσβΠϯ ύλʔϯ

  15. UIKitͷ৔߹ - Coordinator AppCoordinator AuthCoordinator MainCoordinator

  16. UIKitͷ৔߹ - Coordinator AppCoordinator AuthCoordinator MainCoordinator

  17. UIKitͷ৔߹ - Coordinator AppCoordinator AuthCoordinator MainCoordinator

  18. UIKitͷ৔߹ - Coordinator AppCoordinator AuthCoordinator MainCoordinator Coordinator͕ը໘ભҠΛߦ͏

  19. SwiftUIͷ৔߹ -ʁʁʁʁ • ϓογϡ • Ϟʔμϧ

  20. SwiftUIͷ৔߹ -ʁʁʁʁ • ٻΊΒΕΔ࣮૷ • બ୒ͨ͠৘ใΛड౉͠Ͱ͖Δ • ෼ذ৚݅Λ͚ͭΒΕΔ • ਌View͔ΒͷΠϕϯτ఻ୡ

  21. τϥοΩϯάʔը໘ભҠ • UIKitͷ৔߹ • Google Analytics for Firebase • SwiftUIͷ৔߹

    • ʁʁʁʁ

  22. UIKitͷ৔߹ - Google Analytics for Firebase

  23. SwiftUIͷ৔߹ -ʁʁʁʁ

  24. None

  25. UIHostingController UITabBarController UIHostingController UINavigationController DestinationHostingController

  26. UIHostingController UITabBarController UIHostingController UINavigationController DestinationHostingController Analyticsʹ͸͍ͣΕͷViewControllerͷ σʔλ΋ه࿥͞Ε͍ͯͳ͔ͬͨ

  27. SwiftUIͷ৔߹ -ʁʁʁʁ

  28. બ୒ࢶ 1. SwiftUIΛϕʔεʹ࣮૷͠ɺUIKitΛҰ෦Ͱར༻͢Δ 2. UIKitΛϕʔεʹ࣮૷͠ɺSwiftUIΛҰ෦Ͱར༻͢Δ 3. UIKitͷΈͰ࣮૷͢Δ

  29. બ୒ࢶ 1. SwiftUIΛϕʔεʹ࣮૷͠ɺUIKitΛҰ෦Ͱར༻͢Δ 2. UIKitΛϕʔεʹ࣮૷͠ɺSwiftUIΛҰ෦Ͱར༻͢Δ 3. UIKitͷΈͰ࣮૷͢Δ Ͳͷ৔໘Ͱ׆༻Ͱ͖Δʁ

  30. ݕূ 1. UIViewʹSwiftUIΛར༻͢Δ 2. UITableViewʹSwiftUIΛར༻͢Δ 3. UICollectionViewʹSwiftUIΛར༻͢Δ

  31. ݕূ 1. UIViewʹSwiftUIΛར༻͢Δ 2. UITableViewʹSwiftUIΛར༻͢Δ 3. UICollectionViewʹSwiftUIΛར༻͢Δ

  32. UITableViewʹSwiftUIΛར༻͢Δ

  33. None

  34. ݕূ 1. UIViewʹSwiftUIΛར༻͢Δ 2. UITableViewʹSwiftUIΛར༻͢Δ • HostingTableViewCellͰ೚ҙͷSwiftUIͷViewΛදࣔͰ͖Δ • Self-Sizingʹ΋ରԠͰ͖Δ 3.

    UICollectionViewʹSwiftUIΛར༻͢Δ • HostingCollectionViewCellͰ೚ҙͷSwiftUIͷViewΛදࣔͰ͖Δ • Self-Sizingʹ΋ରԠͰ͖Δ

  35. બ୒ࢶ 1. SwiftUIΛϕʔεʹ࣮૷͠ɺUIKitΛҰ෦Ͱར༻͢Δ 2. UIKitΛϕʔεʹ࣮૷͠ɺSwiftUIΛҰ෦Ͱར༻͢Δ 3. UIKitͷΈͰ࣮૷͢Δ

  36. ΞʔΩςΫνϟ Domain Core Feature Feature Feature UI App

  37. View View Interactor Interactor ϑϩʔ ViewController Presenter Interactor Coordinator UIView

    or View Repository

  38. ·ͱΊ • ໰୊఺ • SwiftUI͸ը໘ભҠϩδοΫΛ؆୯ʹ͸ണ͕ͤͳ͍ • SwiftUI࣌୅ͷ࣮૷ύλʔϯ͕ඞཁʹͳΔʢ͔΋͠Εͳ͍ʁʣ • SwiftUI͸ैདྷAnalyticsπʔϧͰ͸ը໘ભҠΛτϥοΩϯάͰ͖ͳ͍ •

    ରԠࡦ • UIKitΛϕʔεʹΞϓϦΛઃܭ • SwiftUIΛUIίϯϙʔωϯτͱͯ͠࠾༻

  39. ࢀߟ https://developer.apple.com/videos/play/wwdc2020/10119/ https://khanlou.com/2015/10/coordinators-redux/ https://firebase.google.com/docs/analytics/screenviews?hl=ja https://jobandtalent.engineering/ios-architecture-an-state-container-based- approach-4f1a9b00b82e