2018/01/10開催の「App Client Melting Pot #1」の発表資料です。 https://app-client-mp.connpass.com/event/112973/

1. 2019/01/10 App Client Melting Pot #1 #app_mp

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
Repository
APIClient
DBClient
Presentation Layer Domain Layer Data Layer
Clean Architecture GUI
Clean Architecture State
View
ViewController

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

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

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

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

31. State
Presenter
ViewModel
UseCase
Repository
APIClient
DBClient
Presentation Layer Domain Layer Data Layer
View
ViewController

32. Screen State Record State PDS
State
Presenter
ViewModel
UseCase
Repository
APIClient
DBClient
Presentation Layer Domain Layer Data Layer
View
ViewController

33.
Fat
State
APIClient
DBClientView
ViewController

34. Presenter ViewModel
UseCase Repository
APIClient DBClient
MVC, MVP, MVVM GUI
Screen State State
View ViewController
UseCase Repository
APIClient DBClient
Presenter ViewModel
State

35. Presenter ViewModel
UseCase Repository
APIClient DBClient
View ViewController
State
UseCase Repository
APIClient DBClient
Presenter ViewModel
etc…
💪

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

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

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

43.
MVP(Passive View)
View ModelPresenter

45. GUI
•
•
•

46. •
•
•
•

47. 2019/01/15 in pixiv Inc.
iOS