Reactive Swift Meetup http://wantedly.connpass.com/event/29039/
@yonekawa'MVYͰෳࡶͳঢ়ଶͷมԽΛ༧ଌՄೳʹ͢ΔJ04ΞϓϦ։ൃ
View Slide
GSFFFͷJ04ΞϓϦ
https://itunes.apple.com/jp/app/id811207074
ಛతͳ՝• ͋ΔೖྗબʹΑͬͯՃͷϑΥʔϜ͕දࣔ/ඇදࣔʹͳͬͨΓ͢Δέʔε͕ଟ͘ɺViewͷঢ়ଶཧ͕ෳࡶ• 1ͭͷσʔλมߋॲཧʹରͯ͠ෳͷϞσϧ͕ؔ࿈͠ɺґଘ͠߹͏͜ͱ͕ଟ͍• ΞϓϦͱͯ͠ͷػೳͷଟ͞ɺͦΕΒ͕૬ޓʹؔ࿈͋͠͏ը໘ભҠͷෳࡶ͞
MVVMͷ࠾༻• ViewModelͰViewͷঢ়ଶͱϏδωεϩδοΫΛཧ• ReactiveCocoaͷRACSignalΛView͕subscribeͯ͠ঢ়ଶΛόΠϯσΟϯά͢Δ• ViewModelʹมԽ͕ى͖Δͱ֘ͷϓϩύςΟͷมߋ͕RACSignalʹΑͬͯ௨͞ΕɺView͕Ԡ͢Δ
ViewController ViewModel APIClientߏVIEWVIEWViewϝιουݺͼग़͠RACSignalVIEWVIEWModel
ݱঢ়ͷ՝• ΞϓϦͷن͕େ͖͘ͳΔʹͭΕͯɺUIΠϕϯτγεςϜΠϕϯτʹΑΔঢ়ଶͷมԽΛཧͰ͖ͳ͘ͳ͖ͬͯͨ• ViewModelͱͷํόΠϯσΟϯάʹΑΔґଘؔͷ༧ଌͷͮ͠Β͞• ঢ়ଶͷཧͱϞσϧͷૢ࡞ͱυϝΠϯϩδοΫ͕ີ݁߹• Ͳ͜Ͱ୭ʹΑͬͯԿ͕มΘͬͯࠓͲ͏ͳͬͯΔͷ͔͕͍͔͚ͮΒ͍
WebϑϩϯτΤϯυ͔ΒֶͿ• JavaScriptͷੈքͰMVVM (2way-binding) ͏·͘ड͚ೖΕΒΕͳ͔ͬͨ• ReactͷొʹΑͬͯΞʔΩςΫνϟͷτϨϯυFluxΛݩʹͨ͠୯ํϑϩʔ
Fluxfacebook/flux: Application Architecture for Building User Interfaces
ΑΓྑ͍ΞʔΩςΫνϟͷԾઆ• WebϑϩϯτΤϯυͷྺ࢙͔ΒɺfreeeΞϓϦ๊͕͍͑ͯΔํόΠϯσΟϯάͷຊ࣭తͳͳͷͰ• ୯ํϑϩʔͷίϯηϓτiOSʹ͓͍ͯViewͷঢ়ଶཧΛ៉ྷʹ͢ΔͨΊʹ༗༻ͳͷͰ
'MVYͷ࠾༻
جຊϑϩʔ• Viewͷঢ়ଶΛStore͕࣋ͪɺStoreActionͷൃߦΛͪड͚Δ• StoreΛ֎෦͔Βมߋ͢Δ͜ͱͰ͖ͣɺdispatch͞ΕͨActionʹԠͯࣗ͡Ͱมߋ͢ΔͷΈ• StoreͦΕ͕มߋ͞Εͨ͜ͱͷΈΛViewʹ௨͢Δ• มߋ͞ΕͨࠩΛૹͬͨΓ͠ͳ͍• ViewৗʹStoreͷ࠷৽ͷঢ়ଶ͔Βߏங͞ΕΔ
։ൃํ• جຊతʹViewControllerͱ1:1ͰStoreΛ࡞Γঢ়ଶΛཧ͢Δ• ΞϓϦέʔγϣϯશମͷঢ়ଶʢೝূ͍ͯ͠Δͱ͔ʣΛཧ͢ΔStoreΛ࡞Γɺάϩʔόϧʹอ࣋͢Δ• APIϦΫΤετActionCreatorͰߦ͍ɺ݁ՌΛActionͷPayloadͱͯ͠Storeʹड͚͢• Realm(DB)ͷอଘΞϓϦέʔγϣϯͷঢ়ଶมԽͱΈͳ͠StoreͰߦ͏
StoreViewControllerStoreViewControllerߏDispatcherActionActionStoreStore (Global)StoreViewControllerActionCreatorActionActionApplication
ϥΠϒϥϦԽ• https://github.com/yonekawa/SwiftFlux• DispatcherͱͦΕʹඥͮ͘Action/StoreͷநԽ• ReduceStoreͱ͔Flux UtilsҰ෦࣮ͯ͠Δ• ϓϩτίϧࢦͰSwiftΒ͠͞Λҙࣝͨ͠
struct FetchTodo: Action {typealias Payload = [Todo]func invoke(dispatcher: Dispatcher) {Session.sendRequest(FetchTodoRequest()) { result inswitch result {case .Success(let todos):dispatcher.dispatch(self, result: Result(value: todos))case .Failure(let error):dispatcher.dispatch(self, result: Result(error: error))}}}}Action
class TodoStore: StoreBase {private(set) var todos: [Todo]private(set) var error: Error?func init() {register(FetchTodo.self) { (result) inswitch result {case .Success(let todos):error = nilself.todos = payloademitChange()case .Failure(let error):self.error = erroremitChange()}}}}Store
class ViewController: UITableViewController {let store = TodoStore()func viewDidLoad() {super.viewDidLoad()store.subscribe { () intableView.reloadData()}ActionCreator.invoke(FetchAction())}}ViewController
࣮ઓೖhttps://itunes.apple.com/jp/app/id1037197002
ϝϦοτ• ViewৗʹStore͔Βશͯߏங͞ΕΔͷͰɺݱࡏͷViewͷঢ়ଶ͕໌ࣔతʹͳΓݟ௨͕͠Α͘ͳΔ• StoreΛߋ৽͢ΔͷStore͔ࣗ͋͠Γಘͳ͍ͷͰɺঢ়ଶͷมԽ֘ͷAction͕ൃߦ͞Ε͔ͨΛ͏͚ͩͰΑ͍• APIϦΫΤετͷঢ়ଶΛม͑ಘΔϩδοΫͱঢ়ଶΛཧ͢ΔॴΛ໌֬ʹ͚ΒΕΔ
Viewͷࠩߋ৽• SwiftͷੈքʹReact͕ଘࡏ͠ͳ͍ɻͦΕͬΆ͍ͷ͍͔ͭ͋͘Δ͕Viewͷ࡞Γํ͕ಠࣗʹͳ͓ͬͯΓɺUIKit͕ఏڙ͢Δͷ͔Β֎ΕΔͷϦεΫ͕ߴ͍• ViewΛຖճ࠶ߏங͢Δͷίετ͕͔͔ΔͷͰࠩߋ৽͕ඞཁɻ͔͠͠ؾΛ͚ͭͳ͍ͱঢ়ଶΛ࡞ͬͯ͠·͏ɻ• UITableViewͳͲΛ͏·ࠩ͘ߋ৽͢Δ൚༻తͳΈ͕΄͍͠
ίʔυྔ૿͑Δ• ঢ়ଶΛม͑ΔͨΊʹຖճActionͱStoreʹ࣮͕ඞཁ• ୯७ͳೖྗͷөͳͲຖճDispatcherΛܦ༝ͯ͠StoreૹΔͷͰʹͳΔ• ঢ়ଶΛཧ͢ΔͨΊͷखؒͱͯ͋͠Δఔ͔ͨ͠ͳ͍
Τϥʔॲཧ• ActionΛ࡞Δͱ͖ʹൃੜͨ͠ΤϥʔΛͲ͏ѻ͏͖͔ɻࠓΤϥʔը໘ͷঢ়ଶͷ̍ͭͱͯ͠Storeʹ͍ͯ͠Δ• SVProgressHUDͷΑ͏ͳग़͙ͯ͢ফ͑ΔUIΛ͏߹ɺStore͕࣋ͭΤϥʔঢ়ଶΛஞҰϦηοτ͢Δͷ͕໘
Ξχϝʔγϣϯ• ۪ʹΔͱ͍͢͝ճͷϑϩʔ͕ճΔ• Ξχϝʔγϣϯͷ։࢝ͱऴྃΛঢ়ଶͱͯ͠ཧ͢Δ͖ʁ• ReactͰ͜Εঢ়ଶཧͷର֎ͱ͍ͯ͠Δ༷ࢠ
'MVYWT3FEVY
Redux• ΞϓϦέʔγϣϯͷঢ়ଶ1ͭͷStoreΦϒδΣΫτ͕ཧ͢Δ• StateϦʔυΦϯϦʔͰActionͷൃߦʹΑͬͯͷΈมߋ͞ΕಘΔ• ঢ়ଶͷભҠͨͩͷؔ(Reducer)ʹΑͬͯߦ͏
ReduxͷϝϦοτ• Store͕1͔ͭ͠ଘࡏ͠ͳ͍ͨΊɺঢ়ଶ͕มΘΔॴ͕ΑΓݶఆ͞Εͯݟ௨͘͢͠ͳΔ• ҰՕॴͰશͯͷঢ়ଶ͕มΘΔͨΊɺશͳมߋͷཤྺΛอ࣋Ͱ͖Δ͜ͱʹΑΓɺUndo/RedoͳͲ༰қ• Reducerؔલͷঢ়ଶʹॲཧΛՃ͑ͯ৽͍͠ঢ়ଶΛฦ͚ͩ͢ͳͷͰςετ͍͢͠
Redux or Flux?• جຊతʹReduxͷSingle State TreeΑΓྑ͍ঢ়ଶཧͷΈΛఏڙͯ͘͠ΕΔͷͰΑ͍• ReduxSingle State TreeΛલఏʹσβΠϯ͞Ε͍ͯΔͷͰɺΞϓϦέʔγϣϯશମΛͦΕલఏʹ࡞Βͳ͍ͱ͍͚ͳ͍• Flux੍͕؇͍ͷͰɺෳࡶͳUIΛ෦తʹஔ͖͑ΔͳͲطଘͷΞϓϦʹೖΕ͍͢
ReSwift• https://github.com/ReSwift/ReSwift• ReduxͷSwift࣮• ৄ͘͠ninjinkun͞Μ͕ͯ͘͠ΕΔͱࢥ͍·͢ɻ
·ͱΊ
·ͱΊ• ୯ํϑϩʔͷΞʔΩςΫνϟViewͷঢ়ଶΛݟ௨ͯ͘͘͢͠͠ΕΔͷͰiOSʹ͓͍ͯϝϦοτ͕͋Δ• React͕ແ͍ͨΊStoreͷঢ়ଶ͔ΒޮΑ͘ViewΛ࡞Δͱ͜Ζʹ՝͕͋Δ͕ɺͷ༨͋Γͦ͏• ϥΠϒϥϦࠓͷͱ͜ΖReSwift͕ຊ໋͕ͩɺطଘΞϓϦʹద༻͢ΔͳΒγϯϓϧͳFlux͋Γ
SwiftFluxͷࠓޙͷల• ͬͱܕ҆શʹͰ͖ΔΑ͏ʹΠϯλϑΣʔεΛݟ͍ͨ͠• ෳͷStoreΛଋͶͯཧͰ͖ΔStoreGroupతػೳ• ൚༻తͳࠩߋ৽ͷͨΊͷUIϢʔςΟϦςΟ
yonekawa
azukiazusa1
niftycorp
zerebom
mackey0225
masatoshiitoh
mot_techtalk
akkyie
eddie
os1ma
parttimenerd
ohakutsu
malarkey
akosma
schacon
mraible
zakiyama
reverentgeek
notwaldorf
lara
sachag
bkeepers
sstephenson
3n