Download to read offline
Uploaded byKenji Tanaka
2つの同期 4つの状態 #roppongiswift
This document discusses GUI architectures and state management patterns for iOS apps. It describes common GUI architectures like MVC, MVP, MVVM as well as state management approaches like Flux and Redux. It also maps these patterns onto the domains of the clean architecture pattern. The document separates state into screen, presentation, session, and record states and provides examples of managing each state type.
More Related Content
![[POSS 2019] OVirt and Ceph: Perfect Combination.?](https://cdn.slidesharecdn.com/ss_thumbnails/pre-poss2019-worteks-ovirt-ceph-191216145947-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to 2つの同期 4つの状態 #roppongiswift
![[1D1]신개념 N스크린 웹 앱 프레임워크 PARS](https://cdn.slidesharecdn.com/ss_thumbnails/1d1n-screenpars-140928071352-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
2つの同期 4つの状態 #roppongiswift
- 2. • / @ktanaka117 • •: • R&D Swift TDD • PEAKS iOS
- 4. • GUI • 24 • GUI
- 5. • • GUI Architectures https://martinfowler.com/eaaDev/uiArchs.html •Flow Synchronization https://www.martinfowler.com/eaaDev/FlowSynchronization.html • Observer Synchronization https://www.martinfowler.com/eaaDev/MediatedSynchronization.html
- 6.
- 7.
- 8. GUI • MVC • MVP •MVVM • Flux • Redux • etc…
- 9. GUI • GUI • View Model • • = Presentation Domain Separation(PDS) • PDS GUI
- 11. 2 • (Observer Synchronization) •(Flow Synchronization)
- 12. • • • • • ex.) NotificationCenter center.post(name: .someNotification, object: nil)
- 13. • • • • • ex.) label.text= “hoge” SessionManager.shared.authToken = “1234567890”
- 15. 4 • 4 • ScreenState • Presentation State • Session State • Record State
- 16. Screen State • GUI •ex.) label.text, imageView.image
- 17. Presentation State • ScreenState Screen State Session State • Screen State Session State • ex.) presenter.labelText, presenter.iconImage, presenter.favState Twitter on/off (Screen State) (Session/Record State)
- 18. Session State • RecordState • Record State • ex.) API/DB
- 19. Record State • • • ex.)Realm API
- 21.
- 22. Clean Architecture State Presenter ViewModel UseCase Repository APIClient DBClient PresentationLayer Domain Layer Data Layer Clean Architecture GUI Clean Architecture State View ViewController
- 23. Presenter ViewModel UseCase Repository APIClient DBClient Presentation Layer DomainLayer Data Layer GUI ViewController View Screen State View ViewController Clean Architecture State
- 24. Presenter ViewModel UseCase Repository APIClient DBClient Presentation Layer DomainLayer Data Layer View UseCase Presenter/ViewModel Presentation State View ViewController Clean Architecture State
- 25. Presenter ViewModel UseCase Repository APIClient DBClient Presentation Layer DomainLayer Data Layer UseCase Repository Data Layer Data Layer Session State View ViewController Clean Architecture State
- 26. Presenter ViewModel UseCase Repository APIClient DBClient Presentation Layer DomainLayer Data Layer DB Record State API DB DB View ViewController Clean Architecture State
- 27. Presenter ViewModel UseCase RepositoryAPIClient DBClient MVC, MVP, MVVM GUI Screen State State View ViewController GUI
- 28. Screen State GUI Presenter ViewModel UseCase Repository APIClient DBClient PresentationLayer Domain Layer Data Layer View ViewController
- 29.
- 32. Screen/Presentation State Session/RecordState b ModelView(Controller) (Cocoa) MVC
- 34. Twitter Presentation StateScreen State MVP(Supervising Controller) View Model Presenter
- 35. Session/Record View MVP(Supervising Controller) ViewModel Presenter
- 37. Screen State PresentationState MVP(Passive View) View ModelPresenter
- 38.
- 39. • 2 4 • GUI • •
- 40. 2019/01/10 in FiNC AppClient Melting Pod #1
- 41. 2019/01/15 in pixivInc. iOS