iOS アプリ開発における Redux という可能性

Transcript

1. iOS ΞϓϦ։ൃʹ͓͚Δ Redux ͱ͍͏Մೳੑ
2. ࣗݾ঺հ • @yuuxeno • iOS ΤϯδχΞ • ʮFX Simulatorʯͱ͍͏ iOS ΞϓϦΛϦϦʔ ε • ڵຯɾɾɾRedux, Unity
3. MVC
4. ViewController ͸େ͖͘ͳΓ΍͍͢
5. ͍Ζ͍Ζ۩ମతͳ͜ͱΛ஌Γ͗͢ • ࠷ऴతʹɺը໘දࣔʹඞཁͳͷ͸ɺString ΍ UImage ͳͲɺ͔ͳΓݶΒΕͨ΋ͷ • Ͳͷ Model ʹج͍ͮͯɺͲ͏දࣔ͢Δͷ͔ʁ ͸ຊ౰ʹ஌͍ͬͯΔඞཁͷ͋Δ͜ͱͳͷͩΖ͏ ͔ʢ A Model ͱ B Model Λ࢖ͬͯɺC Model ͕ಛఆͷঢ়ଶͷ࣌ʹɾɾɾͳͲʣ
6. MVVM
7. ViewController ͕͖ͬ͢Γ͢Δʂ final class CounterViewController: UIViewController { @IBOutlet weak var countLabel: UILabel! @IBOutlet weak var incrementButton: UIButton! @IBOutlet weak var decrementButton: UIButton! var viewModel: CounterViewModel! fileprivate let disposeBag = DisposeBag() override func viewDidLoad() { super.viewDidLoad() bind() } }
8. func bind() Ͱશͯย෇͘ʂ extension CounterViewController { fileprivate func bind() { viewModel.count.asObservable() .subscribe(onNext: { [unowned self] in self.countLabel.text = $0 }) .addDisposableTo(disposeBag) incrementButton.rx .tap .bindTo(viewModel.incrementTrigger) .addDisposableTo(disposeBag) decrementButton.rx .tap .bindTo(viewModel.decrementTrigger) .addDisposableTo(disposeBag) } }
9. ໌֬ͳ੹຿ • View ͸ɺࣗ਎Ͱ͔͠Ͱ͖ͳ͍͜ͱʹूத • View ͸ɺࣗ਎ͷঢ়ଶมԽΛ ViewModel ʹ఻ ͑Δ͚ͩɺͦͷઌͷ͜ͱ͸஌Δඞཁ͸ͳ͍ʢͲ ͷ Model ΛɺͲ͏͍͏෩ʹ࢖ͬͯɺͲͷλΠ ϛϯάͰɾɾɾͳͲʣ
10. View Ͱͷ೰Έ͕ɺগͳ͘ͳͬͨʂ • ϓϨθϯςʔγϣϯϩδοΫͷେ෦෼Λؙ౤͛Ͱ͖ Δ • View ͷঢ়ଶΛɺViewModel ʹ఻͑Δ͚ͩɻ͋ͱͷ ͜ͱ͸ɺViewModel ͷ޲͜͏ଆͷੈքͰɺԿͱ͔͠ ͯ͘ΕΔɻ • දࣔͷͨΊͷ۩ମతͳ͜ͱ͸஌Δඞཁ͕ͳ͍ͷͰؾ ָ͕
11. MVC Ͱ΋ MVVM Ͱ΋ ղܾ͠ͳ͔ͬͨ͜ͱ
12. ޿͘ࢀর͞ΕΔ Model ʹ͍ͭͯɺ ۩ମతʹҙࣝ͢Δඞཁ͕͋Δͷ͕ͭΒ͍ final class CounterViewModel { let incrementTrigger = PublishSubject<Void>() let decrementTrigger = PublishSubject<Void>() let count = Variable("") fileprivate let counter: Counter fileprivate let disposeBag = DisposeBag() // counter ͸ଞͷ ViewModel ɺ΋͘͠͸ Model Ͱ΋࢖ΘΕΔ init(counter: Counter) { self.counter = counter bind() } }
13. ΞϓϦશମͷঢ়ଶ • ViewModel ͱ͍͏ہ஍తͳ৔ॴͰ͋ͬͯ΋ɺ ෳ਺ը໘Ͱڞ༗͞ΕΔΑ͏ͳ Ϟσϧ ΁ͷมߋ ͸ɺΞϓϦશମʹӨڹΛٴ΅͢ɻ • Ͳ͏͍͏Өڹ͕͋Δͷ͔ɺࠓͲͷঢ়ଶͳͷ ͔ɺ۩ମతʹҙࣝ͢Δඞཁ͕ग़ͯ͘Δ
14. Ͳ͏ʁͲͷʁ ۩ମతͳ͜ͱΛ஌Δඞཁ͕͋ Δͷ͸ͭΒ͍ɾɾɾ
15. ྫ͑͹ɾɾɾ • ͦͷΦϒδΣΫτΛੜ੒͢ΔͨΊʹ͸ɺผͷ ΦϒδΣΫτ͕ඞཁͰɺͦΕ͕ɺͲ͏͍͏ੜ ੒ํ๏͕ඞཁͳͷ͔ɺ۩ମతʹ஌Δඞཁ͕͋ͬ ͨΓ • ߦ͍͍ͨॲཧΛ࣮ݱͨ͢Ίʹ͸ɺෳ਺ͷΦϒ δΣΫτΛ૊Έ߹Θͤɺෳࡶͳखଓ͖Λ͢Δ ඞཁ͕͋Δͱ͔
16. ஌Δඞཁ͕͋Δ͜ͱ͸࠷খݶʹ • DI ύλʔϯ -> ۩ମతʹͦͷΦϒδΣΫτ͕Ͳ ͏ੜ੒͞ΕΔͷ͔ɺ஌ΔඞཁΛͳͨ͘͠ • Facade ύλʔϯ -> ࢖༻ऀ͕۩ମతͳɺҰ࿈ ͷॲཧͷํ๏Λ஌ΔඞཁΛͳͨ͘͠
17. ཧ૝ • View ͷඳࣸʹඞཁͳͷ͸ɺͦͷ࣌఺ͰͷΞϓ Ϧͷঢ়ଶ͚ͩ • ΞϓϦશମͷঢ়ଶΛҙࣝ͢ΔͨΊͷɺઐ༻ͷ ৔ॴ͕ཉ͍͠ʂ • ढจΛএ͑͑͢͞Ε͹ɺཉ͍͠΋ͷ͕खʹೖΔɻ ͦΕҎ֎ͷ͜ͱ͸Կ΋೰Ήඞཁ͕ͳ͍ɾɾɾ
18. ͦΜͳ౎߹ͷ͍͍Կ͔͕
19. ཉ͍͠ʂ
20. ΞϓϦશମͷঢ়ଶʹର͢Δมߋ͕ɺ ϑϦʔμϜ͗ͯͭ͢Β͍ɾɾɾ
21. ؾΛ͚ͭͯԼ͍͞ ˑ(ʍωŋ)vŝŒűƅ /* Counter ͸Ͳ͏ͯ͠΋ɺ৭ʑͳͱ͜ΖͰࢀর͞Ε·͢ɻؾΛ͚ͭͯԼ͍͞ ˑ(ʍωŋ)vŝŒűƅ
    */
    final class Counter { let count = Variable(0) func increment() { count.value += 1 } func decrement() { count.value -= 1 } }
22. ຖճ೰Ή • ෳ਺ͷॴ͔Βࢀর͞ΕΔϞσϧͷঢ়ଶมߋʹ ର͢Δ੍໿͕ͳ͍ͷ͕ා͍ • ਓ͕ؾΛ͚ͭΕ͹ɺඞͣ͠΋ΊͪΌͪ͘Όʹ ͸ͳΒͳ͍ͩΖ͏ʢظ଴ʣ͕ɾɾɾ • ຖճͦΜͳ͜ͱΛ೰Έͳ͕Βɺ࣮૷ͨ͘͠ͳ ͍ɺ΋ͬͱָʹͳΓ͍ͨ
23. ޙͷ͜ͱ͸શ͓ͯ·͔ͤͰ͖Δ ΠϯλʔϑΣʔεʢ੍໿ʣͷ Α͏ͳ΋ͷ͕ɾɾɾ
24. ΞϓϦͷঢ়ଶΛมߋ͢Δͱ͍͏ ઐ༻ͷ໾ׂΛ࣋ͭ৔ॴ͕ɾɾɾ
25. ཉ͍͠ʂʂ
26. ͋ΔهࣄΛݟ͚ͭΔ • ΞϓϦ։ൃͱঢ়ଶભҠͷ؅ཧɹɹɹɹɹɹɹɹɹɹɹɹɹɹ http://ninjinkun.hatenablog.com/entry/2016/02/02/183136 • ΞϓϦ͸େ͖ͳγϯάϧτϯ • DIͰΠϯελϯεԽΛ੍ޚ͢Δ͜ͱ͸Ͱ͖Δ͕ɺ݁ہ಺෦తʹ͸ γϯάϧτϯͰ͋Δɻ • ໺์ਤʹ࡞ΒΕΔγϯάϧτϯ͸ߋ৽ͷͨΊͷن໿Λ࣋ͨͳ͍ɻ • ͋Δఔ౓ෳࡶԽͨ͠ΫϥΠΞϯταΠυ։ൃͱ͸ɺঢ়ଶભҠΛ͍ ͔ʹ؅ཧ͢Δ͔
27. ͘͢͝ڞײ
28. ͦ͜Ͱ঺հ͞Ε͍ͯͨͷ͕ɾɾɾ
29. Reduxʂʂʂ
30. Redux ? http://reswift.github.io/ReSwift/master/getting-started-guide.html
31. Redux ͳΒɾɾɾ • View ͸ ͨͩͷ Action Λͨͩඈ͹͚ͩ͢ɺޙ ͷ͜ͱ͸ Store ͷ޲͜͏ଆͷੈքͰԿͱ͔͠ ͯ͘ΕΔ • View ͸දࣔʹඞཁͳɺͨͩͷঢ়ଶΛड͚औ Δɻͦͷঢ়ଶ͕Ͳ͏΍ͬͯੜ੒͞Εͨͷ͔͸ɺ Կ΋஌Βͳ͍͍ͯ͘
32. View override func viewDidLoad() { super.viewDidLoad() // subscribe to state changes mainStore.subscribe(self) } func newState(state: AppState) { // when the state changes, the UI is updated to reflect the current state counterLabel.text = "\(mainStore.state.counter)" } // when either button is tapped, an action is dispatched to the store // in order to update the application state @IBAction func downTouch(_ sender: AnyObject) { mainStore.dispatch(CounterActionDecrease()) } @IBAction func upTouch(_ sender: AnyObject) { mainStore.dispatch(CounterActionIncrease()) } https://github.com/ReSwift/CounterExample ৽͍͠ঢ়ଶ "DUJPO
    Λඈ͹͚ͩ͢
33. ޲͜͏ଆͷੈք
34. Reducer ͕੔વͱ౷࣏͢Δੈք func handleAction(action: Action, state: AppState?) -> AppState { // if no state has been provided, create the default state var state = state ?? AppState() switch action { case _ as CounterActionIncrease: state.counter += 1 case _ as CounterActionDecrease: state.counter -= 1 default: break } return state }
35. ੍໿ • ঢ়ଶʹର͢Δมߋ͸ɺඞͣ Action Λൃߦ͠ ͯɺ Reducer Ͱߦ͏ • Reducer ͸७ਮͳؔ਺Ͱ͋Δ͜ͱʢςετ͕ ॻ͖΍͍͢ʣ • Store ͸̍ͭ
36. ੍໿ͱ੤໿
37. Redux ͸੍໿͕ڧ͍ • ੍໿ͷ਺͸গͳ͍͕ɺͦΕͧΕͷ੍໿͕ͱͯ΋ڧྗ • 1ՕॴͰঢ়ଶ࣋ͭͳͲɺͺͬͱݟ͸ࠓ·ͰͷΞʔΩ ςΫνϟʹ׳Ε͍ͯΔͱɺ͗ΐͬͱ͢ΔΑ͏ͳॴ͕ ͋Δ͕ɺ੍໿͸ͦͷ෼૬౰ڧ͍ • ੍໿ΛकΕ͹ɺେن໛ͰෳࡶͳΞϓϦ։ൃʹ͸ɺڧ ͍ྗΛൃش͢Δ͸ͣ
38. ࠓ·Ͱ ɾɾɾঢ়ଶ ɾɾɾૢ࡞ ɾɾɾ෭࡞༻
39. Redux 3FEVDFS 4UPSF .JEEMFXBSF
40. ࠓ·Ͱ final class Counter { var count: Int = 0 func increment() { count += 1 } func decrement() { count -= 1 } }
41. Redux /* State */ struct AppState: StateType { var counter: Int = 0 } /* Reducer */ struct CounterReducer: Reducer { typealias ReducerStateType = AppState func handleAction(action: Action, state: AppState?) -> AppState { // if no state has been provided, create the default state var state = state ?? AppState() switch action { case _ as CounterActionIncrease: state.counter += 1 case _ as CounterActionDecrease: state.counter -= 1 default: break } return state } }
42. ʢ ૝૾ … ʣ
43. ͓΋͠Ζͦ͏ • ࠓ·Ͱͱશ͘ҧͬͨॻ͖ํʹͳΔͷͰɺ͓΋͠Ζͦ ͏ • ্ख͘΍Ε͹෭࡞༻Λִ཭͢Δ͜ͱ͕Ͱ͖Δʢ७ਮ ͳ෦෼͸ςετ͕ॻ͖΍͍͢ͷͰɺ҆৺ײ͕͋Δʣ • ঢ়ଶɺૢ࡞ɺ෭࡞༻ΛͲ͏෼͚Δ͔ɺ·ͱΊΔ͔Ͱɺ සൟʹ໎͏ɻRedux ͳΒͦ͜·Ͱ໎͏͜ͱ͸ͳ͍ʁ
44. ՝୊ • ੍໿͕ڧ͍෼ɺ࣮૷ίετ͸ॏͦ͏ • ෭࡞༻ͷஔ͖৔ॴɻMiddleware ? ActionCreator ? AsyncActionCreator ? • Middleware ͸Α͘ߟ࣮͑ͯ૷͠ͳ͍ͱΧΦεʹ ͳΓͦ͏ ( redux-saga ͷΑ͏ͳ΋ͷ͕ཉ͍͠ )
45. ࢀߟ URL • ΞϓϦ։ൃͱঢ়ଶભҠͷ؅ཧ http://ninjinkun.hatenablog.com/entry/2016/02/02/183136 • Read Me · Redux http://redux.js.org • ReSwift Reference http://reswift.github.io/ReSwift/master/ • ͳͥReduxΛ࢖͏ͷ͔ https://speakerdeck.com/kuy/nazereduxwoshi-ufalseka • redux-sagaͰඇಉظॲཧͱઓ͏ http://qiita.com/kuy/items/716affc808ebb3e1e8ac • ReduxͷmiddlewareΛੵۃతʹ࢖͍ͬͯ͘ http://qiita.com/kuy/items/ 57c6007f3b8a9b267a8e • redux-sagaͰ෭࡞༻Λίϯτϩʔϧ͢Δ https://speakerdeck.com/kuy/redux-sagadefu- zuo-yong-wokontororusuru