2つの同期 4つの状態 #roppongiswift

•

1 like•542 views

Kenji Tanaka

2018/12/21開催のROPPONGI.swift 第6回の登壇資料です。

Technology

• / @ktanaka117
•
• :
• R&D Swift TDD
• PEAKS iOS

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

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

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

2
• (Observer Synchronization)
• (Flow Synchronization)

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

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

4
• 4
• Screen State
• Presentation State
• Session State
• Record State

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

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

Session State
• Record State
• Record State
• ex.) API/DB

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

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

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

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

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

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

Screen State  
GUI
Presenter
ViewModel
UseCase
Repository
APIClient
DBClient
Presentation Layer Domain Layer Data Layer
View
ViewController

Fat
GUI
APIClient
DBClientView
ViewController

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

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

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

Screen State Presentation State  
MVP(Passive View)
View ModelPresenter

2019/01/10 in FiNC 
App Client Melting Pod #1

Similar to 2つの同期 4つの状態 #roppongiswift

2つの同期 4つの状態 #pixiv_ios_archKenji Tanaka

2つの同期 4つの状態 #app_mpKenji Tanaka

Monitoring Docker with ELKDaniel Berman

淺談 Startup 公司的軟體開發流程 v2Wen-Tien Chang

Agile startup company management and operationJiang Zhu

IVS CTO Night And Day 2018 Winter - [re:Cap] Serverless & MobileAmazon Web Services Japan

Running Airflow Workflows as ETL Processes on Hadoopclairvoyantllc

Securing Microservices using Play and Akka HTTPRafal Gancarz

Nodejs web,db,hostingKenu, GwangNam Heo

Workflow Manager - a technical overview (Sam Vanhoutte)Sam Vanhoutte

20140211 BTUG.be - Workflow ManagerBTUGbe

Play Framework and ActivatorKevin Webber

Rapid development with RailsYi-Ting Cheng

12 Factor App Methodologylaeshin park

Best practices for developing your Magento Commerce on CloudOleg Posyniak

Building a Platform-as-a-Service with Docker and Node.jsKevin Swiber

Agiles Peru 2019 - Infrastructure As CodeMario IC

DrupalCon 2011 HighlightSupakit Kiatrungrit

Geo servershellJared Erickson

Icinga Camp Bangalore - Icinga integrationsIcinga

Similar to 2つの同期 4つの状態 #roppongiswift (20)

2つの同期 4つの状態 #pixiv_ios_arch

2つの同期 4つの状態 #app_mp

Monitoring Docker with ELK

淺談 Startup 公司的軟體開發流程 v2

Agile startup company management and operation

IVS CTO Night And Day 2018 Winter - [re:Cap] Serverless & Mobile

Running Airflow Workflows as ETL Processes on Hadoop

Securing Microservices using Play and Akka HTTP

Nodejs web,db,hosting

Workflow Manager - a technical overview (Sam Vanhoutte)

20140211 BTUG.be - Workflow Manager

Play Framework and Activator

Rapid development with Rails

12 Factor App Methodology

Best practices for developing your Magento Commerce on Cloud

Building a Platform-as-a-Service with Docker and Node.js

Agiles Peru 2019 - Infrastructure As Code

DrupalCon 2011 Highlight

Geo servershell

Icinga Camp Bangalore - Icinga integrations

Recently uploaded

How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe

Powerpoint exploring the locations used in television show Time Clashcharlottematthew16

Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst

Anypoint Exchange: It’s Not Just a Repo!Manik S Magar

Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited

Gen AI in Business - Global Trends Report 2024.pdfAddepto

TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3

Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxnull - The Open Security Community

Story boards and shot lists for my a level piececharlottematthew16

DMCC Future of Trade Web3 - Special EditionDubai Multi Commodity Centre

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren

Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge

Take control of your SAP testing with UiPath Test SuiteDianaGray10

Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson

Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar

"ML in Production",Oleksandr BaganFwdays

Recently uploaded (20)

How AI, OpenAI, and ChatGPT impact business and software.

Powerpoint exploring the locations used in television show Time Clash

Human Factors of XR: Using Human Factors to Design XR Systems

Anypoint Exchange: It’s Not Just a Repo!

Ensuring Technical Readiness For Copilot in Microsoft 365

Gen AI in Business - Global Trends Report 2024.pdf

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx

Nell’iperspazio con Rocket: il Framework Web di Rust!

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx

Story boards and shot lists for my a level piece

DMCC Future of Trade Web3 - Special Edition

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

Advanced Test Driven-Development @ php[tek] 2024

Designing IA for AI - Information Architecture Conference 2024

Take control of your SAP testing with UiPath Test Suite

Are Multi-Cloud and Serverless Good or Bad?

Unleash Your Potential - Namagunga Girls Coding Club

"ML in Production",Oleksandr Bagan

2つの同期 4つの状態 #roppongiswift

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

4. • GUI • 2 4 • 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. 2 • • GUI

7. • • • • etc…

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

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

10.

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

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

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

14.

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

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

17. Presentation State • Screen State   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 • Record State • Record State • ex.) API/DB

19. Record State • • • ex.) Realm API

20.

21. GUI • •

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

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

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

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

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

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

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

29.   Fat GUI APIClient DBClientView ViewController

30.

31.

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

33.

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

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

36.

37. Screen State Presentation State   MVP(Passive View) View ModelPresenter