1. 2019/01/15 iOS #pixiv_ios_arch

2. • / @ktanaka117
•
• BOOTH iOS
• R&D Swift TDD
• PEAKS iOS

3. Voice Transformer VT-4

4. Voice Transformer VT-4
👧

5. • GUI 2 4
•

6. •
•
• 2
• 4
• GUI
•
•

7. •
• 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

9. 2
•
• GUI

10. •
•
•
• etc…

11. GUI
• MVC
• MVP
• MVVM
• Flux
• Redux
• etc…

12. GUI
• GUI
• View
Model
•
• = Presentation Domain Separation(PDS)

13. PDS GUI

15. 2
• (Observer Synchronization)
• (Flow Synchronization)

16. •
•
•
•
• ex.) NotificationCenter
center.post(name: .someNotification, object: nil)

17. •
•
•
•
• ex.)
label.text = “hoge”
SessionManager.shared.authToken = “1234567890”

19. 4
• 4
• Screen State
• Presentation State
• Session State
• Record State

20. Screen State
• View
• GUI
• ex.) label.text, imageView.image

21. Presentation State
• Presenter
• Screen State
Screen State Session State
• ex.) presenter.labelText, presenter.iconImage, presenter.favState
Twitter
on/off (Screen State)
(Session/Record State)

22. Session State
• Model
• Record State
• Record State
•
• ex.) API/DB
…

23. Record State
• DataStore
•
• ex.) Realm
API

26. Clean Architecture State
Presenter
ViewModel
UseCase
Interactor
APIClient
DBClient
Presentation Layer Domain Layer Data Layer
Clean Architecture GUI
Clean Architecture State
View
ViewController

27. Presenter
ViewModel
APIClient
DBClient
Presentation Layer Domain Layer Data Layer
GUI ViewController View
Screen State
View
ViewController
Clean Architecture State
UseCase
Interactor

28. Presenter
ViewModel
APIClient
DBClient
Presentation Layer Domain Layer Data Layer
View UseCase Presenter/ViewModel
Presentation State
View
ViewController
Clean Architecture State
UseCase
Interactor

29. Presenter
ViewModel
APIClient
DBClient
Presentation Layer Domain Layer Data Layer
UseCase Interactor Data Layer
Data Layer Session State
View
ViewController
Clean Architecture State
UseCase
Interactor

30. Presenter
ViewModel
APIClient
DBClient
Presentation Layer Domain Layer Data Layer
DB Record State
API DB DB
View
ViewController
Clean Architecture State
UseCase
Interactor

31. PDS GUI

32. PDS
Screen State Record State

33. State =
Presenter
ViewModel
APIClient
DBClientView
ViewController UseCase
Interactor
Screen State Record State PDS

34.
Fat
APIClient
DBClientView
ViewController
State =

35. Presenter ViewModel
UseCase Interactor
APIClient DBClient
MVC, MVP, MVVM GUI
Screen State State
View ViewController
UseCase Interactor
APIClient DBClient
Presenter ViewModel
State

36. Presenter ViewModel
UseCase Interactor
APIClient DBClient
View ViewController
UseCase Interactor
APIClient DBClient
Presenter ViewModel
State
etc…
💪

39. Screen/Presentation State Session/Record State
ModelView(Controller)
(Cocoa) MVC

41. Twitter
Presentation State Screen State
MVP(Supervising Controller)
View Model
Presenter

42. Session/Record
MVP(Supervising Controller)
View Model
Presenter

44.
MVP(Passive View)
View ModelPresenter

46. GUI
•
•
•

47. •
•
•
•