RxExampleから学ぶ！RxSwift

8月19日 RxSwift勉強会の発表資料です！

Transcript

1. RxExample͔ΒֶͿʂ
   RxSwift
   @kazu0620
   

   View Slide

2. ࣗݾ঺հ
   ࡔຊ ࿨େ( @kazu0620 )
   Sansanגࣜձࣾ Eightࣄۀ෦ॴଐ
   աڈʹݸਓͰ։ൃͨ͠ΞϓϦ
   - ൿີͷΞϧόϜ(40ສDL!)
   - ʹΌΜ͜(15ສDL!)
   

   View Slide

3. RxExampleͱ͸ʁ
   

   View Slide

4. RxExample
   • ެࣜϦϙδτϦʹؚ·ΕͯΔRxSwiftͷ࢖༻ྫ
   • ඇৗʹγϯϓϧͳྫ͔ΒɺMVVMͰهड़͞Ε
   ࣮ͨ੎తͳྫ·Ͱɺ਺ଟ͘ͷαϯϓϧ͕͋Δɻ
   • RxSwiftΛͲ͏࢖͑͹ྑ͍͔ɺͲ͏࢖ͬͯ΄͠
   ͍ͱ૝૾ͯ͠࡞ΒΕ͍ͯΔͷ͔Θ͔Δ
   

   View Slide

5. git clone git@github.com:ReactiveX/RxSwift.git
   Ҏ߱ͷ͓࿩͸ͥͻɺRxExampleͷίʔυ
   Λݟͳ͕Β͓ฉ͖͍ͩ͘͞ɻ
   

   View Slide

6. ͷExamplesҎԼͷσΟϨΫτϦɻ
   

   View Slide

7. Numbers
   

   View Slide

8. 3ͭͷTextFieldʹͦΕͧΕ਺஋Λೖྗ͢Δͱɺ
   ϦΞϧλΠϜʹͦͷ߹ܭ͕ग़ྗ͞ΕΔɻ
   

   View Slide

9. View Slide

10. rx_text: TextFieldͷtextʹมߋ͕͋ͬͨ৔߹ʹͦͷ஋Λemit͢Δɻྫ
    ͑͹શͯͷTextFieldʹ1,2,3ͱ͍͏਺஋Λॱʹೖྗͨ͠ͱ͖͸ɺԼهͷ
    ༷ͳγʔέϯεͱͳΔɻ
    

    View Slide

11. combineLatest: ͦΕͧΕͷγʔέϯεͷ࠷ޙʹൃߦͨ͠஋Λ߹੒͠
    ͯɺ৽͍͠γʔέϯεΛੜ੒͢ΔɻʮͲͷγʔέϯεΛ߹੒͢Δ͔ʁʯ
    ͱʮͲ͏΍ͬͯ߹੒͢Δ͔ʁʢΫϩʔδϟʹॻ͘)Λࢦఆ͢Δ͜ͱ͕Ͱ
    ͖Δɻ
    +
    +
    

    View Slide

12. map: ετϦʔϜͷཁૉΛม׵͠ɺ৽ͨͳετϦʔϜΛੜ੒͢Δɻ഑ྻʹର
    ͯ͠mapΛ࣮ߦ͢Δͷͱಉ͡Α͏ʹߟ͑ΔͱΘ͔Γ΍͍͢ɻ্هͷmap͸
    combineLatest͕ฦ͢ཁૉ͸਺஋ܕͳͷͰɺͦΕΛdescriptionΛ༻͍ͯString
    ʹม׵͍ͯ͠Δɻ
    

    View Slide

13. bindTo: ετϦʔϜͷཁૉ͕ྲྀΕͯ͘ΔͷΛߪಡ͠ɺͦͷཁૉΛର
    ৅(UI෦඼ͳͲ)ʹඥ෇͚Δɻͱ͍͏ॲཧΛ؆୯ʹॻ͚Δɻ͘͢͝ஸೡ
    ʹॻ͘ͱɺԼهͱಉ͜͡ͱΛ͍ͯ͠Δɻ
    

    View Slide

14. subscribe: ετϦʔϜʹྲྀΕͯ͘ΔཁૉΛߪಡ͢Δ͜ͱ͕ग़དྷΔɻ
    ਖ਼ৗʹ஋͕ྲྀΕ͖ͯͨ৔߹: .Next
    Τϥʔ͕ൃੜͨ͠৔߹: .Error
    ετϦʔϜ͕ऴྃͨ͠৔߹: .Completed
    subscribeNext, subscribeError ͳͲͰΠϕϯτΛࢦఆͯ͠ߪಡ
    ͢Δ͜ͱ΋Մೳɻ
    

    View Slide

15. addDisposableTo: ߪಡͷഁغΛ؅׋͢ΔDisposeBagΛࢦఆ
    ͢Δɻ͜Ε͕ͳ͍ͱɺετϦʔϜΛӬԕʹߪಡͨ͠··ʹͳͬͯ͠·
    ͏৔߹͕͋ΔͷͰ஫ҙɻ
    DisposeBag: bagΛอ࣋͢ΔΠϯελϯε͕dealloc͞ΕͨλΠϛ
    ϯάͰɺอ࣋͢Δ͢΂ͯͷߪಡΛղ์͢Δɻͭ·ΓɺNumbersͷྫͰ
    ݴ͏ͱViewController͕dealloc͞ΕΔλΠϛϯάͰɺετϦʔϜͷߪ
    ಡ΋͢΂ͯऴྃ͢Δɻ
    

    View Slide

16. SimpleValidation
    

    View Slide

17. UsernameɺPasswordͷTextFieldʹೖྗ͞Εͨจ
    ࣈ਺ʹΑͬͯಈతʹද͕ࣔมԽ͢Δʢ੺͍ܯࠂจ
    ࣈ͕ফ͑Δ / Ϙλϯ͕disable͔ΒenableʹͳΔʣ
    

    View Slide

18. map(෮श): ετϦʔϜʹྲྀΕͯ͘Δཁૉ͸ɺrx_textͳͷͰจࣈ
    ྻɻͰ΋ࠓճ͸ɺ࠷ऴతʹ͸͜ΕΛhidden(BOOL)ͱ͔
    enabled(BOOL)ʹɺbind͍ͨ͠ͱ͍͏اըɻͳͷͰɺmapΛར༻͠
    ͯཁૉΛString͔Β5จࣈҎ্͔Ͳ͏͔(BOOL)ʹม׵͍ͯ͠Δɻ
    

    View Slide

19. ͜͜Ͱ͸ઌ΄Ͳ࡞ͬͨusernameValidͱpasswordValidͷετϦʔϜ
    Λ߹੒ͯ͠ɺ͍ͣΕ΋Trueͩͬͨͱ͖ͷΈTrueΛྲྀ͢ετϦʔϜΛ৽
    ͨʹੜ੒͍ͯ͠Δɻ
    combineLatest: ͦΕͧΕͷγʔέϯεͷ࠷ޙʹൃߦͨ͠஋Λ߹੒͠
    ͯɺ৽͍͠γʔέϯεΛੜ੒͢ΔɻʮͲͷγʔέϯεΛ߹੒͢Δ͔ʁʯ
    ͱʮͲ͏΍ͬͯ߹੒͢Δ͔ʁʢΫϩʔδϟʹॻ͘)Λࢦఆ͢Δ͜ͱ͕Ͱ
    ͖Δɻ
    

    View Slide

20. bindTo(෮श): ετϦʔϜͷཁૉΛUIViewͷϓϩύςΟʹඥ෇͚͍ͯΔɻ
    addDisposableTo: (෮श): ετϦʔϜͷߪಡऴྃΛ؅ཧ͢ΔDisposeBag
    ʹͦΕͧΕͷߪಡΛొ࿥͍ͯ͠Δɻ
    

    View Slide

21. subscribeNext(෮श): ετϦʔϜʹྲྀΕͯ͘ΔΠϕϯτ(ࠓճ͸
    UIButtonͷλοϓ)Λߪಡ͠ɺϋϯυϦϯά͢Δɻ
    

    View Slide

22. গ͠࿩Λ໭͢
    

    View Slide

23. shareReplay: ετϦʔϜΛHotม׵͠ɺ෼ذ͍ͤͯ͞Δɻ
    

    View Slide

24. Observable
    • γʔέϯεͷܭࢉํ๏/खଓΛఆٛͨ͠΋ͷɻ
    ఆ͚ٛͨͩ͠ͳͷͰɺߪಡ(subscribe)͢Δ·
    Ͱ͸࣮ߦ͞ΕΔ͜ͱ͸ͳ͍ɻٯʹݴ͏ͱɺ
    subscribe͞Εͨ࣌఺Ͱఆٛͨ͠ܭࢉ͕࣮ߦ͞
    ΕΔɻ
    

    View Slide

25. bindTo(෮श): ΍͍ͬͯΔ͜ͱ͸ɺsubscribeͯ͠.NextͰର৅ͷUIViewͷ
    ϓϩύςΟΛมߋ͍ͯ͠Δͷͱಉ͡ɻ
    

    View Slide

26. shareReplay͍ͯ͠ͳ͍ͱ͖
    

    View Slide

27. ্هͷίʔυ͸ಉҰͷObservableΛ2ճߪಡ(subscribe)͍ͯ͠Δɻઌ
    ΄Ͳઆ໌ͨ͠Α͏ʹɺObservable͸
    subscribe͞Εͨ࣌఺Ͱఆٛͨ͠ܭࢉ͕࣮ߦ͞ΕΔ
    ͭ·Γ2ճsubscribe͢Δͱɺ2ຊͷετϦʔϜ͕ੜ·
    Εɺ2ճܭࢉ͕࣮ߦ͞ΕΔ
    

    View Slide

28. shareReplay͕ͳ͍৔߹ɺ͜ͷmap͕2ճ(subscribeͨ͠਺͚ͩ)࣮ߦ͞
    Εͯ͠·͏ɻ
    ͜Ε͘Β͍ͷॲཧͳΒͨ͘͞Μ૸ͬͯ΋໰୊ͳ͍͕ɺ৔߹ʹΑͬͯ͸
    ҙਤͤͣແବͳܭࢉϦιʔεΛ࢖ͬͯ͠·͏͜ͱʹͳΔɻ
    

    View Slide

29. HotͱCold
    

    View Slide

30. ShareReplay͍ͯ͠ͳ͍Observable
    ShareReplayͨ͠Observable
    ্هͷਤ͸ʮRxͷHotͱColdʹ͍ͭͯʯΑΓҾ༻
    (http://qiita.com/toRisouP/items/f6088963037bfda658d3)
    

    View Slide

31. SimpleTableViewExample
    

    View Slide

32. γϯϓϧͳTableViewΛRxSwiftͷbindingػߏΛ
    ࢖࣮ͬͯݱ͢Δɻ
    

    View Slide

33. ഑ྻΛObservableʹแΉɻ͜͜Ͱ͸SampleͳͷͰ؆қʹ഑ྻΛཁૉ
    ͱͯ࣋ͬͨ͠ObservableΛੜ੒͢ΔͨΊ্هͷΑ͏ʹهड़͍ͯ͠Δͩ
    ͚ɻ
    ࣮ࡍʹ͸ɺAPI௨৴ʹΑͬͯऔಘͨ͠഑ྻΛཁૉͱͯ࣋ͭ͠
    ObservableΛTableViewʹbind͢ΔɺͳͲͷέʔε͕ଟ͍͸ͣɻ
    

    View Slide

34. ഑ྻΛཁૉͱͯ࣋ͬͨ͠ObservableΛtableViewʹbind͍ͯ͠Δɻ͜
    Ε͚ͩͰTableViewͷද͕ࣔͰ͖Δɻ
    CellͷIdentifierͱܕΛҾ਺ʹ౉͠ɺΫϩʔδϟ಺ͰCellͷॳظԽॲཧ
    Λ࣮૷͢Δ͚ͩɻ
    row: IndexPath.row
    element: bind͞ΕͨObservableͷཁૉ(ࠓճ͸จࣈྻ)
    cell: ੜ੒͞ΕͨTableViewCell
    

    View Slide

35. rx_modelSelected: Cell͕Select͞Εͨ࣌ͷΠϕϯτΛemit͢ΔɻҾ਺
    (String)͸bindͨ͠ཁૉͷܕΛࢦఆ͢Δɻ
    rx_itemAccessoryButtonTapped: Cellʹ഑ஔ͞Ε͍ͯΔ
    AccessoryButton͕λοϓ͞Εͨ࣌ͷΠϕϯτΛemitɻ
    

    View Slide

36. GitHubSignup(Driver൛)
    

    View Slide

37. GitHubͷΞΧ΢ϯτΛ৽͘͠ొ࿥͢ΔॲཧΛRxSwiftͰ࣮૷
    (ΞΧ΢ϯτͷੜ੒෦෼͸MockͳͷͰຊ౰ʹΞΧ΢ϯτ͕࡞ΒΕΔ͜ͱ͸ͳ͍)
    ɾDriverΛ༻͍ͨUIύʔπ΁ͷόΠϯσΟϯάॲཧ
    ɾViewModelΛ༻͍ͨϓϨθϯςʔγϣϯϩδοΫͷ෼཭
    ɾAPIϦΫΤετΛ࣮ߦ͢Δ௨৴ॲཧ
    ΈͲ͜Ζ
    

    View Slide

38. Driverͱ͸ʁ
    

    View Slide

39. Driver
    ObservableΛUIύʔπʹbind͢ΔͨΊͷػߏObservableΛDriverʹม
    ׵͢Δ͜ͱͰɺ
    

    ɾ[ϝΠϯεϨουͰߪಡ͞ΕΔ]

    ɾ[ΤϥʔΛग़ྗ͠ͳ͍]

    ɾ[ෳ਺ͷViewʹbindͯ͠΋1ͭͷSubscription͚͕ͩੜ੒ɾڞ༗͞Ε
    Δ(Hotม׵͞ΕΔ)]
    

    ͱ͍ͬͨɺViewʹObservableΛద߹͢ΔͨΊʹඞཁͳॲཧΛཪଆͰߦͬ
    ͯ͘ΕΔɻ
    

    View Slide

40. SimpleValidationͷઌ΄ͲͷྫΛDriverͰॻ͘ͱ….
    ⏬
    asDriver()Λ࣮ߦͨ࣌͠఺ͰHotม׵͞ΕΔͷͰɺ͜ͷ৔߹ShareReplay΋ෆཁʹͳΔɻ
    

    View Slide

41. ViewModel (MVVMύλʔϯ)
    View ViewModel Model
    <————>
    ————>
    <————
    Binding
    UIϩδοΫɺ΋͘͠͸UI
    ͦͷ΋ͷͷఆٛɻiOSͷ
    ৔߹xib΍StoryboardͰ
    ఆٛ͞ΕͨUI৘ใ/
    CustomViewͳͲ͕֘
    ౰ɻViewͷঢ়ଶߋ৽͸
    DataBindingػߏΛ௨͡
    ͯߦΘΕΔɻ
    ϓϨθϯςʔγϣϯϩδο
    ΫΛهड़͢ΔɻViewʹද
    ࣔ͢΂͖஋ΛBindingͰ
    ͖Δܗ(Observable/
    Driver)ʹͯ͠ެ։͢Δɻ
    ModelͷมߋΛ؂ࢹ͠ɺ
    ͦΕʹ߹Θͤͨදࣔϩδο
    ΫΛهड़͢Δɻ
    υϝΠϯ૚ɻUIͷ͜ͱ͸
    ҙࣝ͠ͳ͍ɻσʔλऔಘ
    ॲཧɺϏδωεϩδοΫɺ
    σʔλ͕Ϛοϐϯά͞Ε
    ͨΤϯςΟςΟͳͲ͔Β
    ੒ΔɻσʔλΛऔಘ͠ɺ
    Կ͔͠Βૢ࡞ͨ͠ޙɺσʔ
    λͷू߹ΛแΜͩ
    ObservableΛެ։͢
    ΔɺͳͲɻ
    

    View Slide

42. GithubSignupViewModel2
    Viewʹbinding͢ΔDriver͕ެ։͞Ε͍ͯΔɻ͜ͷViewModelͰ
    ͸subscribe͸࣮ߦ͠ͳ͍ͷͰDisposeBag͸อ͍࣋ͯ͠ͳ͍ɻ
    

    View Slide

43. userNameͷvalidate
    Λ௥ͬͯΈΔ
    

    View Slide

44. flatMap: ObservableΛฦ͢ͱɺͦͷObservable͕emit͢ΔཁૉΛ
    γʔέϯεʹྲྀ͢͜ͱ͕Ͱ͖Δɻ
    PromiseͷthenͷΠϝʔδʹ͍ۙɻඇಉظॲཧΛॱʹهड़͍ͨ͠ͱ͖
    ʹඇৗʹศརɻ্هͷྫͰ͸ɺuserNameͷςΩετʹมߋ͕͋ͬͨ
    ৔߹ɺ࠷ޙʹemit͞ΕͨTextΛݩʹvalidateUserNameͱ͍͏ඇಉظ
    ॲཧΛ࣮ߦɺͦͷ݁Ռͷ஋Λemit͢ΔγʔέϯεΛੜ੒͍ͯ͠Δɻ
    

    View Slide

45. validateUsername͸ɺStringΛड͚औͬͯObservableΛฦ͢ϝιο
    υɻ
    

    View Slide

46. ValidationResult͸Validateͷ݁ՌΛอ࣋͢ΔEnumܕɻ
    validateUsername͸ɺStringΛड͚औͬͯObservableΛฦ͢ϝιο
    υɻͳͷͰɺViewModelͷvalidatedUsernameʹ͸ɺ
    Observable͕֨ೲ͞ΕΔɻ
    

    View Slide

47. ੜ੒͞ΕͨvalidationUsernameΛUILabelʹbinding͍ͯ͠Δɻ
    ex_validationResult͸ɺ͜ͷαϯϓϧͷͨΊʹUILabelΛ֦ுͯ͠࡞Β
    Εͨؔ਺ɻValidationResultΛUILabelʹbinding͢Δॲཧ͕͜͜ʹ࣮૷
    ͞Ε͍ͯΔɻ(textColor, description͸ValidationResultͷEnumʹੜ΍
    ͨ͠ϝιου)
    

    View Slide

48. signinपΓͷ੍ޚ
    

    View Slide

49. ɹdistinctUntilChanged: ྲྀΕͯདྷͨ஋͕લճͱҟͳΔ΋ͷͩͬͨ
    ͱ͖ͷΈɺγʔέϯεʹ஋Λྲྀ͢ɻͭ·Γɺೖྗ͕͋ͬͯςΩετ͕
    มߋ͞Εͯ΋validate݁Ռ͕લճͷೖྗͱಉͩͬͨ͡৔߹ʹ͸γʔέ
    ϯεʹ஋Λྲྀ͞ͳ͍ɻ
    

    View Slide

50. ɹwithLatestFrom: ݩͷObservable(loginTaps)ʹɺࢦఆͨ͠
    Obaservableͷγʔέϯεͷ࠷ޙͷཁૉΛ߹੒͢Δɻͭ·Γɺ࠷ޙʹ
    ೖྗ͞Εͨusernameͱpasswordͷ஋Λ࣋ͬͨObservableʹͳΔɻ
    

    View Slide

51. ɹtrackActivity: ͜ͷαϯϓϧͷͨΊʹ࡞ΒΕͨϢʔςΟϦςΟɻ
    usingΦϖϨʔλΛར༻͠ɺͦͷObservable͕Completed͞ΕΔ·Ͱ
    ͷؒʹɺΠϯδήʔλΛදࣔ͢Δɻ
    

    View Slide

52. ɹusing: Observableͱಉ͡ੜଘظؒΛ࣋ͭϦιʔεͱObservableΛඥ෇͚Δ
    ͜ͱ͕Ͱ͖Δɻ͜ΕΛར༻͢Ε͹ɺObservable͕ߪಡ͞Ε͸͡Ίͨͱ͖ͷॲ
    ཧɺͦͯ͠Observableͷߪಡ͕׬ྃͨ͠ͱ͖ͷॲཧΛ࣮૷͢Δ͜ͱ͕Ͱ͖Δɻ
    ͜͜Ͱ͸ɺ௨৴Λ࣮ߦ͢ΔObservableͷߪಡ͕։࢝͞ΕͨΒ಺෦ͷΧ΢ϯλΛ
    ΠϯΫϦϝϯτɺObservableͷߪಡ͕׬ྃͨ͠ΒσΫϦϝϯτ͢Δ࣮૷ͱͳͬ
    ͍ͯΔɻ
    Χ΢ϯλ͕1Ҏ্ͷͱ͖ʹΠϯδήʔλ͕දࣔ͞ΕΔɻ
    

    View Slide

53. Ҏ্ɺRxExampleͷ͝঺հͰͨ͠
    

    View Slide

54. GitHubSearchRepositoriesɺ
    WikipediaImageSearchͳͲࠓճ͸঺հ͠ͳ
    ͔ͬͨ͞Βʹ࣮ફతͳྫ΋͋ΔͷͰɺڵຯ͋Δ
    ํ͸ͥͻRxExampleΛಡΈࠐΜͰΈΑ͏ʂ
    

    View Slide