Reduxを取り入れて開発はpairs開発はどう変わったか

Transcript

1. Copyright © 2017 eureka, Inc. All rights reserved. What did

   the Redux Architecture change pairs development? ReduxΛऔΓೖΕͯpairs։ൃ͸Ͳ͏ มΘ͔ͬͨ

2. Copyright © 2017 eureka, Inc. All rights reserved. 2 Introduce

    FVSFLB
   *OD
    1BJST
   J04
   "QQMJDBUJPO
   &OHJOFFS @satoshin21

3. Copyright © 2017 eureka, Inc. All rights reserved. 3 Agenda

    QBJSTͷ՝୊
    3FEVYͱ͸ʁ
   XJUI
   3F4XJGU
    3FEVYͰ։ൃ͸Ͳ͏มΘ͔ͬͨ
4. None

5. Copyright © 2017 eureka, Inc. All rights reserved. About pairs

   iOS application pairsͷ՝୊

6. Copyright © 2017 eureka, Inc. All rights reserved. 6 pairsͷ՝୊

   - MatchingܥΞϓϦ͋Δ͋Δʁ  ͱʹ͔͘ෳࡶͳঢ়ଶ؅ཧ
    ࣗ෼ɺ͓૬खɺΩϟϯϖʔϯɺ՝ۚঢ়ଶɺΦϓγϣϯɺͦͷଞϏϡʔΠ ϕϯτɾɾɾ
   FUD
    'BUͳ7JFX$POUSPMMFS
    ͍͍ͶʂɺΈͯͶʂϝοηʔδ෇͖͍͍Ͷʂϝοηʔδ෇͖ΈͯͶʂ࣭໰ ෇͖͍͍ͶʂϓϥΠϕʔτϞʔυɺඇදࣔɺϒϩοΫͳͲͳͲɺϢʔβΞ Ϋγϣϯ͕༩͑ΔӨڹ͕޿ൣғ

7. Copyright © 2017 eureka, Inc. All rights reserved. 7 pairsͷ՝୊

   - ͱΓ͋͑ͣࠓͷঢ়ଶ  Ϣʔβͷঢ়ଶ؅ཧ͸$PSF%BUBΛத৺ͱͯ͠/4'FUDIFE3FTVMUT$POUSPMMFS ͷΑ͏ͳܗͰಉظ
   
   $PSF4UPSFͱ͍͏௒ศརͳϥΠϒϥϦΛར༻
   
    6*7JFX$POUSPMMFSଆͰঢ়ଶ؅ཧ
    3Y4XJGU
    ΞϓϦશମΛ·͙ͨετϦʔϜͷ؅ཧ͕ਏ͍
    DPNQMFUFEɾɾɾͩͱɾɾɾʁ

8. Copyright © 2017 eureka, Inc. All rights reserved. 8 pairsͷ՝୊

   - ΑΓϚΫϩͳ՝୊͸ͪ͜Β https://goo.gl/d5Af8m

9. Copyright © 2017 eureka, Inc. All rights reserved. 9 pairsԿ͕ղܾ͍͔ͨ͠ʁ

    ঢ়ଶ؅ཧɺಛʹ7JFXʹؔΘΔঢ়ଶΛݟ΍͍ͨ͘͢͠
    ϢʔβΞΫγϣϯʹΑΔঢ়ଶͷӨڹΛݟ΍͍ͨ͘͢͠
    ΞϓϦશମʹӨڹ͢Δঢ়ଶΛݟ௨͠΍͍ͨ͘͢͠

10. Copyright © 2017 eureka, Inc. All rights reserved. What is

    Redux? Reduxͱ͸ʁ

11. Reduxͱ͸ʁ

12. ঢ়ଶͷมԽΛܶతʹݟ௨͠қ͘͢Δ GUI Architecture

13. https://github.com/ReSwift/ReSwift

14. ྫ͑͹ɺϢʔβͷ௥ՃಡΈࠐΈ

15. "QQFOE6TFS"DUJPO
    $SFBUPS 7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF

16. "QQFOE6TFS"DUJPO
    $SFBUPS 6TFS4FBSDI
    7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF

    Լ·ͰεΫϩʔϧͨ͠ ௥ՃಡΈࠐΈ͕ඞཁͳ৔ ߹͸ΞΫγϣϯΛൃߦ

17. "QQFOE6TFS"DUJPO
    $SFBUPS 6TFS4FBSDI
    7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF

    "1*ϦΫΤετ ੒ޭ࣌͸
    6QEBUF%BUB4PVSDF"DUJPO ࣦഊ࣌͸
    'BJMFE3FRVFTU"DUJPO
    ൃߦ

18. "QQFOE6TFS"DUJPO
    $SFBUPS 6TFS4FBSDI
    7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF

    4UBUFͷ࣋ͭ<6TFS>ʹ BQQFOE

19. "QQFOE6TFS"DUJPO
    $SFBUPS 6TFS4FBSDI
    7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF

    4UBUF͕ߋ৽͞Εͨࢫ
    ௨஌

20. Copyright © 2017 eureka, Inc. All rights reserved. 20 Redux

    - Three Principles  4JOHMF
    TPVSDF
    PG
    USVUI
     Ұͭͷ৴པͰ͖Διʔε
     4UBUF
    JT
    SFBEPOMZ
     εςʔτ͸ಡΈऔΓ͚ͩɻΞΫγϣϯͰมߋ͢Δ
     $IBOHFT
    BSF
    NBEF
    XJUI
    QVSF
    GVODUJPO
     ७ਮؔ਺Ͱมߋ͢Δ
    https://redux.js.org/introduction/threeprinciples

21. Copyright © 2017 eureka, Inc. All rights reserved. 21 Single

    Source of truth "QQ4UBUF 6TFS4FBSDI4UBUF 1SPpMF&EJU4UBUF 1BSUOFS-JLF4UBUF

22. Copyright © 2017 eureka, Inc. All rights reserved. 22 Single

    Source of truth "QQ4UBUF let mainStore: Store<App.State> = .init(reducer: App.reducer, state: nil, middleware: [App.middleware]) extension App { struct State: StateType { var userSearchState: UserSearch.State var profileEditState: ProfileEdit.State var partnerLikeState: PartnerLike.State } } - 6TFS4FBSDI4UBUF 1SPpMF&EJU4UBUF 1BSUOFS-JLF4UBUF

23. Copyright © 2017 eureka, Inc. All rights reserved. 23 State

    is read-only 6TFS4FBSDI
    7JFX$POUSPMMFS 6TFS4FBSDI4UBUF 6TFS4FBSDI
    7JFX$POUSPMMFS 6TFS4FBSDI4UBUF 4UPSFEJTQBUDI @

24. Copyright © 2017 eureka, Inc. All rights reserved. 24 State

    is read-only 6TFS4FBSDI
    7JFX$POUSPMMFS 6TFS4FBSDI4UBUF 6TFS4FBSDI
    7JFX$POUSPMMFS 6TFS4FBSDI4UBUF 6TFS4FBSDI3FEVDFS self.collectionView.rx .scrolledToEnd(offset: UserCell.preferredSize.height * 10) .subscribe( onNext: { _ in mainStore.dispatch(UserSearch.RequestUserAction(type: .append)) }) .disposeOnEnd()

25. Copyright © 2017 eureka, Inc. All rights reserved. 25 Changes

    are made with pure function "QQFOE6TFS"DUJPO 6TFS4FBSDI4UBUF "QQFOE6TFS"DUJPO 6TFS4FBSDI4UBUF 6TFS4FBSDI3FEVDFS

26. Copyright © 2017 eureka, Inc. All rights reserved. 26 Changes

    are made with pure function "QQFOE6TFS"DUJPO 6TFS4FBSDI4UBUF "QQFOE6TFS"DUJPO 6TFS4FBSDI4UBUF 6TFS4FBSDI3FEVDFS private static func userSearchReducer(action: Action, state: UserSearch.State?) -> UserSearch.State { var state: UserSearch.State = state ?? UserSearch.State() switch action { case let refreshed as UserSearch.RefreshDataSourceAction: state.dataSource = refreshed.makeDataSource() } return state }

27. Copyright © 2017 eureka, Inc. All rights reserved. What did

    Redux change? ReduxͰ։ൃ͸Ͳ͏มΘ͔ͬͨ

28. Copyright © 2017 eureka, Inc. All rights reserved. 28 ReduxͰ։ൃ͸Ͳ͏มΘ͔ͬͨʁ

     7JFX$POUSPMMFS͔Βঢ়ଶΛ੾Γग़͢͜ͱ͕Ͱ͖ͨ
     جຊతʹ7JFXଆ͸4UBUFͷมԽΛਖ਼͘͠ϨΠΞ΢τʹ൓ө͍ͯ͠Δ͜ͱͩ ͚Λؾʹ͢Ε͹Α͘ͳͬͨ
     4UBUFʹӨڹΛ༩͑͏ΔΠϕϯτ͕ܶతʹݟ΍͘͢ͳͬͨ
     SFEVDFS https://redux.js.org/introduction/threeprinciples

29. Copyright © 2017 eureka, Inc. All rights reserved. 29 Redux

    + Rxʹ͓͚Δ՝୊  3FEVY͸Ϣʔβ୯Ґͷঢ়ଶ؅ཧʹ͸޲͔ͳ͍ʁ
     Ϣʔβ୯ҐͰ੾ΓସΘΔঢ়ଶΛ4UBUFͰͲ͏͔࣋ͭ

30. Copyright © 2017 eureka, Inc. All rights reserved. 30 Redux஫ҙ఺

     ʮ4UBUF͕มΘͬͨʯ͜ͱΛͲ͏൑அ͢Δ͔
     &RVBUBCMFͷద߹ɺDMBTTʹ஫ҙ
     Ӭԕʹ4UBUF͕ߋ৽͞Εଓ͚Δݒ೦
     "DUJPOʹඥͮ͘ॲཧʹ͸޲͔ͳ͍ ࠙਌ձͰͲ͏΍ͬͯΔͷ͔ฉ͖͍ͨ
     3PVUFSύλʔϯͳͲͱ૊Έ߹ΘͤΔʁ

31. Thank you IUUQTXXXOBTBHPWNJTTJPO@QBHFT/11OFXTFBSUIBUOJHIUIUNM