ZOZOが採用しているiOSのアーキテクチャについて/zozo-tech-meetup8-ios-architecture

Copyright © ZOZO Technologies, Inc. All Rights Reserved.
גࣜձࣾ;0;0ςΫϊϩδʔζ
։ൃ෦͑ΜͲ͏
;0;0͕࠾༻͍ͯ͠Δ
J04ͷΞʔΩςΫνϟʹ͍ͭͯ

View Slide

ΞδΣϯμ
‣ݱࡏ࠾༻͍ͯ͠ΔJ04ͷΞʔΩςΫνϟ
‣࣍ʹ࠾༻͢ΔJ04ͷΞʔΩςΫνϟ
‣࠾༻ཧ༝
‣ΞʔΩςΫνϟʹ͍ͭͯ
‣࣮૷ʹ͍ͭͯ
‣·ͱΊ

View Slide

‣͑ΜͲ͏
‣7"4*-:;0;0ςΫϊϩδʔζ
‣6*࣮૷͕޷͖
‣5BC1BHF7JFX$POUSPMMFS
‣$PODFQU%FTJHO)PNF$POUSPM"QQ
‣(JU)VCIUUQTHJUIVCDPN&OEPV.BSJ
ϓϩϑΟʔϧ

View Slide

ݱࡏ࠾༻͍ͯ͠ΔJ04ͷΞʔΩςΫνϟ

View Slide

ݱࡏ;0;0͕࠾༻͍ͯ͠ΔJ04ͷΞʔΩςΫνϟ
.7$ .7$
.77. 
$PPSEJOBUPST

View Slide

.7$
‣$PDPB͕.7$ʹج͍࣮ͮͯ૷͞Ε͍ͯΔ
‣7JFXͱ.PEFM͕෼཭͍ͯ͠ΔͷͰ࠶ར༻ੑ͕ߴ͍
‣γϯϓϧʂ
‣ॲཧ͕ෳࡶʹͳΔͱ$POUSPMMFS͕ංେԽ
View Model
ViewController
Update Action
Update Notify
Update
ࢀߟ: https://developer.apple.com

View Slide

.77.$PPSEJOBUPST
‣.77.
‣7JFX$POUSPMMFSʹूத͢ΔϩδοΫΛ7JFX.PEFMʹ੾Γ෼͚Δ
‣7JFXͱ7JFX.PEFMؒͷ΍ΓऔΓ͸ΛσʔλόΠϯσΟϯάΛ࢖༻
‣σʔλόΠϯσΟϯάʹ3YͳͲΛ࢖༻
‣$PPSEJOBUPST
‣ը໘ભҠΛ୲౰
View Model
ViewModel
Coordinators
ࢀߟ: https://speakerdeck.com/macdevnet/mvvm-c-in-practice

View Slide

࣍ʹ࠾༻͢ΔJ04ͷΞʔΩςΫνϟ

View Slide

ΞʔΩςΫνϟʹٻΊΔ͜ͱ
‣௕͘ӡ༻Ͱ͖Δ͜ͱΛ૝ఆͨ͠ΞʔΩςΫνϟ
‣࢓༷ͷมߋɺ6*ͷมߋΛ͠΍͍͢
‣ϝϯόʔ͕૿͑ͨͱͯ͠΋࣮૷͠΍͍͢
‣։ൃ૊৫͕ϚτϦοΫε
‣ΤϯδχΞͷྲྀಈੑ͕ߴ͍
‣ϓϩδΣΫτʹॻ͔ؔΘΔΤϯδχΞ͕ଟ͍

View Slide

࣍ʹ࠾༻͢ΔͳΒʁ
‣.7$
‣.77.
‣'MVY
‣$MFBO"SDIJUFDUVSF
‣7*1&3
‣FUDʜ

View Slide

ΞʔΩςΫνϟͷ۠෼
‣(6*ΞʔΩςΫνϟ
‣.7$ɺ.77.ɺ'MVY
‣7JFXͱ.PEFMΛ෼཭
‣γεςϜΞʔΩςΫνϟ
‣$MFBO"SDIJUFDUVSFɺ7*1&3
‣γεςϜશମͷߏ੒

View Slide

Presentation Layer
Model Layer
Data Layer
‣.7$ɺ.77.ɺ'MVY

View Slide

Presentation Layer
Model Layer
Data Layer
‣.7$ɺ.77.ɺ'MVY
ࢀߟ: https://speakerdeck.com/takasek/10fen-tezhen-rifan-rusohutoueaakitekutiyafalseli-shi-2017

View Slide

࣍ʹ࠾༻͢ΔͳΒʁ
‣.7$
‣.77.
‣'MVY
‣$MFBO"SDIJUFDUVSF
‣7*1&3
‣FUDʜ

View Slide

࠾༻ཧ༝

View Slide

7*1&3ͱ͸
‣.VUVBM.PCJMFߟҊJ04൛$MFBO"SDIJUFDUVSF
‣γεςϜͷมԽ͕ଟ͍෦෼ͱͦ͏Ͱͳ͍෦෼Ͱ෼͔Ε͍ͯΔ
‣7JFXɺ*OUFSBDUPSɺ1SFTFOUFSɺ&OUJUZɺ3PVUJOH
‣֤ϨΠϠʔ1SPUPDPMʹͷΈґଘ
‣୯Ұ੹೚ͷݪଇΛ΋ͱʹ࡞ΒΕͨ
ग़య: https://www.objc.io/issues/13-architecture/viper/

View Slide

࠾༻ཧ༝ᶃ௕͘ӡ༻͢Δͷʹ߹͍ͬͯΔ
‣6*ɺ8FC"1*ΫϥΠΞϯτͳͲมԽ͕ଟ͍෦෼ͱมߋ͠ʹ͍͘෦෼͕෼͔
Ε͍ͯΔ
‣ϑϨʔϜϫʔΫɺϥΠϒϥϦʔʹґଘ͠ͳ͍
‣6*มߋΛ͠΍͍͢
‣୯Ұ੹೚ͷݪଇ
‣ॲཧΛॻ͘৔ॴ͕໌֬ʹܾ·͍ͬͯΔ
‣Ұ෦ͷΫϥεʹॲཧ͕ूத͍͍͘͠

View Slide

࠾༻ཧ༝ᶄϝϯόʔ͕૿͑ͯ΋ରԠ͠΍͍͢
‣ࡉ෼Խ͞Ε͍ͯΔͷͰίϯϑϦΫτ͕গͳ͍
‣ॲཧΛॻ͘৔ॴ͕໌֬ʹܾ·͍ͬͯΔͷͰ໎Θͳ͍
‣Ϋϥε͕ංେԽ͠ͳ͍ͷͰॲཧΛ௥͍΍͍͢

View Slide

࠾༻ཧ༝ᶅ৽͍͠ΞʔΩςΫνϟͷ஌ݟΛͨΊ͍ͨ
‣γεςϜΞʔΩςΫνϟͰ࣮૷ͨ͠ܦݧ͕ͳ͍ͷͰ௅ઓ͍ͨ͠

View Slide

7*1&3ʹ͍ͭͯ

View Slide

7*1&3ͷલʹ
‣$MFBO"SDIJUFDUVSFʹ͍ͭͯ஌Γ͍ͨ
‣7*1&3͸$MFBO"SDIJUFDUVSFͷߟ͑Λ΋ͱʹ࡞ΒΕ͍ͯΔ

View Slide

$MFBO"SDIJUFDUVSFͱ͸
‣&OUJUZ
‣σʔλߏ଄ɺϏδωεϩδοΫ
‣6TF$BTF
‣"QQMJDBUJPOݻ༗ͷϩδοΫ
‣*OUFSGBDF"EBQUFS
‣σʔλ΍ΠϕϯτΛม׵͢ΔϨΠϠʔ
‣'SBNFXPSLT%SJWFST
‣6*ɺσʔλϕʔεɺ8FC"1*ΫϥΠϯτ
ग़య: http://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html

View Slide

$MFBO"SDIJUFDUVSFͱ͸
‣ґଘͷํ޲͕୯ํ޲
‣'SBNFXPSLˠ*OUFSGBDFˠ6TF$BTFˠ&OUJUZ
‣֎ଆ͔Β಺ଆ΁ͷࢀর
‣࢓༷มߋʹڧ͍
‣6*ɾ04ɾ8FC"1*ΫϥΠΞϯτͳͲมߋ͕ଟ͍ͱ͜ΖΛ֎ʹ
‣มߋ͕গͳ͍&OUJUZΛத৺ͱ͍ͯ͠Δ

View Slide

7*1&3ͷશମ૾
View
Entity
Presenter
Routing
Interactor
User Action Asks for Update
Notifies
Updates
Knows about
ࢀߟ: https://cheesecakelabs.com/blog/ios-project-architecture-using-viper/

View Slide

7*1&3ͷશମ૾
View
Entity
Presenter
Routing
Interactor
Notifies
Updates
Knows about
View

View Slide

7JFX
‣ը໘දࣔ
‣7JFX7JFX$POUSPMMFS
‣λοϓͳͲͷ6*ΠϕϯτΛड͚औΔ
‣6*ΠϕϯτΛ1SFTFOUFSʹ௨஌͢Δ

View Slide

7*1&3ͷશମ૾
View
Entity
Presenter
Routing
Interactor
Notifies
Updates
Knows about
Presenter

View Slide

1SFTFOUFS
‣7JFX͔ΒͷΠϕϯτ΋ͱʹ*OUFSBDUPSʹσʔλΛཁٻ
‣*OUFSBDUPS͔Βड͚औͬͨσʔλΛ΋ͱʹදࣔ༻ίϯςϯπΛ४උ
‣ϏϡʔϩδοΫؚ͕·ΕΔ
‣݅਺͕݅ͩͬͨΒθϩϚονը໘
‣ը໘ભҠͷ੹೚΋࣋ͭ

View Slide

7*1&3ͷશମ૾
View
Entity
Presenter
Routing
Interactor
Notifies
Updates
Knows about
Interactor

View Slide

*OUFSBDUPS
‣6TF$BTF
‣ΞϓϦέʔγϣϯݻ༗ͷϩδοΫ
‣6*ʹؔ͢Δॲཧ͸ॻ͔ͳ͍

View Slide

7*1&3ͷશମ૾
View
Entity
Presenter
Routing
Interactor
Notifies
Updates
Knows about
Entity

View Slide

&OUJUZ
‣σʔλߏ଄
‣ΞϓϦέʔγϣϯʹґଘ͠ͳ͍ϩδοΫ

View Slide

7*1&3ͷશମ૾
View
Entity
Presenter
Routing
Interactor
Notifies
Updates
Knows about
Routing

View Slide

7*1&33PVUJOH
‣ը໘ભҠ
‣ը໘ͷηοτΞοϓ
‣ϧʔςΟϯάͷ੹೚͸1SFTFOUFSͱ3PVUJOHͰڞ༗͍ͯ͠Δ
‣1SFTFOUFS͸ભҠ͢Δը໘ͷೝࣝ
‣3PVUJOH͸Ͳ͏΍ͬͯը໘ભҠΛ͢Δ͔

View Slide

࣮૷ʹ͍ͭͯ

View Slide

Ϧετը໘Λදࣔ

View Slide

Ϧετը໘Λදࣔ
‣࢓༷
‣ΞΠςϜҰཡΛදࣔ͢Δ࣮૷
‣"1*ϦΫΤετ͸WJFX%JE-PBEͷλΠϛϯά

View Slide

7*1&3ʹ͸ΊΔ
View
Entity
Presenter
Routing
Interactor
σʔλऔಘͰ͖ͨΑ
σʔλऔಘͰ͖͔ͨΒදࣔͯ͠
஌͍ͬͯΔ
viewDidload
σʔλऔಘ
͓ئ͍ʂ
ListViewController
Item
ϏϡʔϩδοΫ ΞϓϦέʔγϣϯ
ϩδοΫ
ը໘ભҠ
อ༗

View Slide

7*1&3ʹ͸ΊΔ
View
Entity
Presenter
Routing
Interactor
஌͍ͬͯΔ
viewDidload
σʔλऔಘ
͓ئ͍ʂ
ListViewController
Item
ϩδοΫ
ը໘ભҠ
DataStore
σʔλऔಘ
อ༗

View Slide

࣮૷͢Δલʹɺͳͥ1SPUPDPMΛ࢖༻͢Δͷ͔ʁ
‣ॲཧΛந৅Խ
‣ॲཧʹґଘ͠ͳ͍
‣ґଘؔ܎ٯసͷ๏ଇ
‣಺ଆ͕֎ଆΛݺͼग़͍ͨ͜͠ͱ͕͋Δ
‣*OUFSBDUPS͕σʔλΛऔಘͨ͜͠ͱΛ1SFTFOUFSʹ఻͍͑ͨ
‣௚઀ࢀর͢Δ͜ͱ͸ґଘؔ܎Λ่ͯ͠͠·͏
‣಺ଆ͕એݴͨ͠1SPUPDPMΛ֎ଆ͕࣮૷͢Δ͜ͱͰղܾ
‣ؒ઀తʹࢀর͢Δ͜ͱ͕Մೳ

View Slide

&OUJUZͷ࣮૷
struct Item {
let id: Int
let name: String
let imageURL: URL
let price: Int
let brandName: String
}

View Slide

7*1&3ʹ͸ΊΔ
View
Entity
Presenter
Routing
Interactor
஌͍ͬͯΔ
viewDidload
σʔλऔಘ
͓ئ͍ʂ
ListViewController
Item
ϩδοΫ
ը໘ભҠ
DataStore
σʔλऔಘ
อ༗
Presenter Interactor
σʔλऔಘ
͓ئ͍ʂ
ϩδοΫ

View Slide

*OUFSBDUPSͷ࣮૷
protocol ItemsInteractorInput: class {
func fetchItems()
}
protocol ItemsInteractorOutput: class {
func itemsFetched(items: [Item])
}

View Slide

*OUFSBDUPSͷ࣮૷
class ItemsInteractor : ItemsInteractorInput {
weak var output: ItemsInteractorOutput!
func fetchItems() {
// σʔλऔಘॲཧ
self.output.itemsFetched(items: [])
}
}

View Slide

7*1&3ʹ͸ΊΔ
View
Entity
Presenter
Routing
Interactor
஌͍ͬͯΔ
viewDidload
σʔλऔಘ
͓ئ͍ʂ
ListViewController
Item
ϩδοΫ
ը໘ભҠ
DataStore
σʔλऔಘ
อ༗
View Presenter
viewDidload
ListViewController ϏϡʔϩδοΫ

View Slide

1SFTFOUFSͷ࣮૷
protocol ItemsModuleInterface: class {
func updateView()
}

View Slide

7JFXͷ࣮૷
protocol ItemListViewInterface: class {
func showItems(items: [Item])
}

View Slide

1SFTFOUFSͷ࣮૷
class ItemsPresenter : ItemsModuleInterface, ItemsInteractorOutput {
weak var view: ItemsViewInterface!
var interactor: ItemsInteractorInput!
func updateView() {
self.interactor.fetchItems()
}
func itemsFetched(items: [Item]) {
self.view.showItems(items: items)
}
}

View Slide

7JFXͷ࣮૷
class ItemListViewController : UIViewController, ItemsViewInterface {
var presenter: ItemsModuleInterface!
var list: [Item] = []
override func viewDidLoad() {
super.viewDidLoad()
self.presenter.updateView()
}
func showItems(items: [Item]) {
self.list = items
//ɹදࣔߋ৽
}
}

View Slide

7*1&3ʹ͸ΊΔ
View
Entity
Presenter
Routing
Interactor
஌͍ͬͯΔ
viewDidload
σʔλऔಘ
͓ئ͍ʂ
ListViewController
Item
ϩδοΫ
ը໘ભҠ
DataStore
σʔλऔಘ
อ༗
Routing
ը໘ભҠ
Presenter
ϏϡʔϩδοΫ

View Slide

3PVUFSͷ࣮૷
protocol ItemsRouterInput {
func presentDetailsInterfaceForItem(id: Int)
}

View Slide

3PVUFSͷ࣮૷
class ItemsRouter : NSObject, ItemsRouterInput {
static func assembleModule() -> UIViewController {
let view = UIStoryboard(name: "ItemListViewController", bundle: nil).instantiateInitialViewController() as! ItemListViewController
let presenter = ItemsPresenter()
let interactor = ItemsInteractor()
let router = ItemsRouter()
view.presenter = presenter
presenter.view = view
presenter.interactor = interactor
presenter.router = router
interactor.output = presenter
router.viewController = view
return UINavigationController(rootViewController: view)
}
func presentDetailsInterfaceForItem(id: Int) {
// ը໘ભҠॲཧ
}
}

View Slide

1SFTFOUFSͷ࣮૷
protocol ItemsModuleInterface: class {
func updateView()
func showDetailsForItem(id: Int)
}

View Slide

1SFTFOUFSͷ࣮૷
class ItemsPresenter : ItemsModuleInterface, ItemsInteractorOutput {
weak var view: ItemsViewInterface!
var interactor: ItemsInteractorInput!
var router: ItemsRouter!
func updateView() {
self.interactor.fetchItems()
}
func itemsFetched(items: [Item]) {
self.view.showItems(items: items)
}
func showDetailsForItem(id: Int) {
self.router.presentDetailsInterfaceForItem(id: id)
}
}

View Slide

·ͱΊ

View Slide

ϝϦοτ
‣୯Ұ੹೚
‣ॲཧ͕໌֬
‣࢓༷ͷมߋʹڧ͍
‣ґଘ͕௿͍
‣ϝϯόʔ͕૿͑ͨͱͯ͠΋࣮૷͠΍͍͢
‣ίϯϑϦΫτ͕গͳ͍
‣ςετ͕ॻ͖΍͍͢
‣6*ͱϩδοΫ͕෼͔ΕΔ

View Slide

σϝϦοτ
‣ϑΝΠϧ਺͕ଟ͍
‣খ͍͞ϓϩδΣΫτʹ͸޲͔ͳ͍
‣ΦʔόʔεϖοΫ
‣ෑډ͕ߴ͍

View Slide

5IBOLT

View Slide

ࢀߟهࣄ
‣"SDIJUFDUJOHJ04"QQTXJUI7*1&3
‣J041SPKFDU"SDIJUFDUVSF6TJOH7*1&3
‣J04ΞϓϦઃܭύλʔϯೖ໳
‣෼ͰৼΓฦΔιϑτ΢ΣΞΞʔΩςΫνϟͷྺ࢙

View Slide

ZOZOが採用しているiOSのアーキテクチャについて/zozo-tech-meetup8-ios-architecture

ZOZOが採用しているiOSのアーキテクチャについて/zozo-tech-meetup8-ios-architecture

M"e

More Decks by M"e

Featured

Transcript