川で例えずに理解するObservable

Transcript

1. ઒Ͱྫ͑ͣʹཧղ͢ΔObservable @yoshikuni_kato Swi$Ѫ޷ձ vol16 2017/02/14! 1

2. Who am I? • Ճ౻༝܇ʢYoshikuni Katoʣ @yoshikuni_kato • iOSΤϯδχΞ •

   Yahoo! Japan -> Φϋί • ʮϥδ΁͐ʯ͘Μ → • Interests: ઃܭ / FRP / Coordinator PaCern / UI࣮૷ • try! SwiFʢ&ϋοΧιϯʣߦ͖·͢ʂ 2

3. Agenda 1. ͸͡Ίʹɹ~ObservableͷΑ͋͘Δྫ͑~ 2. ઒Ͱྫ͑ͣʹཧղ͢ΔObservable 3. Hot / ColdʢReac7veSwi;ͷεεϝʣ 3

4. ͸͡Ίʹ 4

5. Func%onal Reac%ve Programming • ϓϩάϥϛϯάͷύϥμΠϜ • swi% libraries • Reac.veSwi%

   (Reac.veCocoa) ɹɹ˞ Reac.veCocoa͸3͔Βswi%Խ͞Ε͍ͯ·͢ʢݱࡏɺ5ʣ ɹɹ˞ 5ͰϦϙδτϦ͕੔ཧ͞ΕɺຊମʢReac.veSwi%ʣͱUIKit֦ு ʢReac.veCocoaʣͱͳΓ·ͨ͠ • RxSwi% • Rxͱݺ͹ͣʹFRPͱݺͼ͍ͨ 5

6. Observableͱ͸ • Observable ɹ= Stream of values over 2me ɹ࣌ؒ࣠ʹԊͬͯൃੜ͢Δ஋ͷετϦʔϜ

   1 ! Observableͬͯɺʮ؍࡯Ͱ͖Δʯͬͯ ͍͏ҙຯͩΑͳ͊ɾɾɾ ɹʮ࣌ؒʯ΍ʮετϦʔϜʯͱͲ͏͍͏ ؔ܎ͳΜͩΖ͏ʁ 1 The introduc.on to Reac.ve Programming you've been missing 6

7. Α͋͘Δྫ͑ • Observable = ઒ ! ઒ͬͯʢιϑτ΢ΣΞతʹʣԿʁ ɹ ਫ͸Ͳ͔͜ΒྲྀΕͯ͘Δͷʁ ɹ

   ྲྀΕͨਫ͸Ͳ͜ʹߦͬͯ͠·͏ͷʁ ɹ HotͱCold͕͋ΔΈ͍͚ͨͩͲɾɾɾɾ 7

8. ྫ͑Δ͜ͱͷޭࡑ ! - ͱ͖ͬͭ΍ͦ͢͏ʹࢥ͑Δ ! - ؒҧͬͨʢ࣮૷ͱ͸ҟͳΔʣཧղΛͯ͠͠·͏Մೳੑ͕͋Δ - தͷιʔεΛͲ͏ಡΜͰ͍͍͔෼͔Βͳ͍ ιϑτ΢ΣΞతͳߏ଄Λཧղ͢Δ͜ͱ͸ॏཁ

   8

9. ઒Ͱྫ͑ͣʹཧղ͢ΔObservable 9

10. ஫ऍ • FRPڞ௨ͷߟ͑ํʢͷ͸ͣʣ • Reac(veSwi-ϕʔε • RxSwi-ͷํ͸ιʔεΛ͖ͪΜͱಡΊͳ͔ͬͨͷͰɺؒҧͬͯ ͍ͨΒ͢Έ·ͤΜ! • ྫͱ্ͯ͛͠Δίʔυ͸͔ͳΓ؆ུԽͨ͠΋ͷ

    10

11. Observerύλʔϯ͕جૅ 11

12. Observer = closure ʢΫϩʔδϟʔͷബ͍ϥούʔͱ࣮ͯ͠૷ʣ • ͲΜͳΫϩʔδϟʔ͔ʁ Event -> Void {

    event: Event in // logics when changed } 12

13. Event // ReactiveSwift-1.0 ͷ৔߹ enum Event<Value, Error> { // RxSwiftͰ͸Errorͷࢦఆͳ͠

    case value(Value) // RxSwiftͷ৔߹͸next case failed(Error) // RxSwiftͷ৔߹͸ error(Swift.Error) case completed case interrupted // ReactiveSwiftͰ͸ͳ͠ } 13

14. Observable = Observerͷొ࿥ઌ • Observable means "؍࡯Ͱ͖Δ΋ͷ" • Observerͷcollec0onΛ͍࣋ͬͯΔ //

    ΠϝʔδͰ͢ʂʂ class Observable { var observers: [Observer] } ※ ࣮ࡍʹ͸ɺλμͷ഑ྻͰ͸ͳ͘ɺ΋ͬͱෳࡶͳػߏͰ͢ 14

15. observe = ObserverΛొ࿥͢Δ Observer(closure)ΛɺObservableͷObserver collec/onʹ௥Ճ͢Δ ※ Rxܥͩͱ"subscribe"ͱ͍͏໊લ 15

16. Observable = Stream of values over 1me ͱ͸ ઌʹΫϩʔδϟʔ͕ొ࿥͞Εͯ͋Δ ʹ

    ʢObservableଆ͔ΒݟΕ͹ʣ ɹɹ೚ҙͷλΠϛϯάͰɺొ࿥͞ΕͨΫϩʔδϟʔΛ࣮ߦͰ͖Δ → ࣌ؒʹԊͬͯൃੜ͢Δ஋ΛදݱͰ͖Δ → ม਺ͦͷ΋ͷ͕ɺετϦʔϜʢΛந৅Խͨ͠΋ͷʣͱଊ͑ΒΕΔ ※ खଓ͖ܕతͳʮม਺͕ϝϞϦྖҬ(orΦϒδΣΫτ)Λ͍ࣔͯ͠Δʯ ͱ͍͏͜ͱΑΓந৅౓͕ߴ͍ 16

17. 1 1 The introduc.on to Reac.ve Programming you've been missing

    17

18. ʢ༨ஊʣ໋໊͕෼͔Γʹ͍͘ʁ ӳޠతɿObserver observe observable. (S-V-O) ίʔυɿobservable.observe(observer) ӳޠతͳҙຯͱ࣮ࡍͷڍಈ͕൓ର ʢຊདྷɺobservable.observed(by: observer)ɹͳͲʣ Reac%veSwi*Ͱ͸ଟগٞ࿦ʹͳ͍ͬͯΔ

    2 2 Rename Signal.observe(_:) 18

19. operator = observable -> observableͷม׵ • map / filter /

    flatMap / combineLatestͳͲͳͲɾɾɾ • RxMarble / RACMarbleΛࢀর 19

20. ʮ೚ҙͷλΠϛϯάͰ࣮ߦ͢Δʯͷ࢓૊Έ Reac%veSwi*ͷ৔߹ • Signal(HotObservable)͸innerObserverͱηοτͰ࡞ΒΕɺinnerObserver͸Signal΁ͷࢀরΛ࣋ͭ • innerObserverΛ࣮ߦ͢ΔʢobserverʹΠϕϯτΛ౉͢ʣ -> SignalͷobserversΛશͯʹΠϕϯτΛ౉͢ // Πϝʔδ

    let innerObserver = { event in for observer in signal.observers { observer.send(event) } } • operator(map/filter/...)͸ɺ͜ͷinnerObserverΛɺલͷSignalͷobserverʹొ࿥͢ΔΑ͏ͳܗ 20

21. Hot / Cold ʢReac%veSwi*ͷεεϝʣ 21

22. Hot / Cold • Hot / Coldʢ֓೦ʣ͔ΒೖΔͱ෼͔Γʹ͍͘ • Reac.veSwi3ͷߟ͑ํ͕ࢀߟʹͳΔ 22

23. Reac%veSwi*(Cocoa)ʹ͓͚Δ Hot/Cold • Reac&veCocoa2·ͰɿHot/Cold྆ํಉ͡ܕʢࠓͷRxͱಉ༷ʣ • Reac&veCocoa3Ҏ߱ɿHot/ColdΛܕͰ෼཭ • Hot : Signal

    • Cold: SignalProducer ͭ·ΓʮHotObservable ͱ ͦͷੜ੒ثʯͱཧղͰ͖Δ 23

24. Signal / SignalProducerʹ͍ͭͯ Qiitaʹ࠷ۙهࣄΛॻ͖·ͨ͠ Reac%veSwi* جຊཁૉͷ࢖͍ํ Signal / SignalProducerฤ 24

25. Reac%veSwi* vs RxSwi* 25

26. Reac%veSwi* vs RxSwi* ! • Hot / Coldͷѻ͍͕෼͔Γ΍͍͢ • Τϥʔͷܕ͕ࢦఆͰ͖Δ

    • ֮͑Δܕ͕গͳ͍ʢSignal/SignalProducer/Property/Ac7on/Disposable͘Β ͍ʣ • தͷ࣮૷ͷɺϑΝΠϧ਺͕গͳ͘ɺಡΈ΍ͦ͢͏ͳҹ৅ʢʹͳͬͨʣ • Carthageͷ࣮૷ʹ࢖༻͞Ε͍ͯΔ 26

27. Reac%veSwi*ͷϑΝΠϧߏ੒ 27

28. Reac%veSwi* vs RxSwi* ! • ೔ຊޠͷυΩϡϝϯτ͕গͳ͍ • ݕࡧͯ͠΋ɺݹ͍هࣄ(Obj-C)͕ώοτ͕ͪ͠ • όʔδϣϯʹΑΔഁյతมߋ͕ଟ͍

    • ίϛϡχςΟ͕ऑΊʢRealmͱͷ࿈ܞͳͲʣ • ΦϑΟγϟϧͷαϯϓϧͳͲ͕ͳ͍ 28

29. ·ͱΊ 29

30. ·ͱΊ • FRP͸Φϒβʔόʔύλʔϯ͕ࠜఈʹ͋Δ • ObservableͰΠϕϯτετϦʔϜͦͷ΋ͷΛදͤΔ • ιϑτ΢ΣΞతͳߏ଄Λཧղ͢Δ͜ͱ͸ॏཁ • Reac.veSwi2ʢReac.veCocoaʣ΋࢖ͬͯΈ͍ͯͩ͘͞! 30

31. iOSΤϯδχΞืूத • ࣄۀɿUX/UIσβΠϯ & ։ൃ ɹ ʢࠓͷͱ͜Ζʣ৽نडୗ։ൃϝΠϯ • ࣾһɿ20໊ڧʢiOSΤϯδχΞ 3໊ʣ

    • ΋ͪΖΜSwi/ • ։ൃͷࣗ༝౓ߴ͍ • try ! Swi/ (16/17) / iOSDC εϙϯαʔ • UI࣮૷޷͖ͳਓɺઃܭ޷͖ͳਓٻΉ 31

32. Thank you! 32

33. ิ଍ 33

34. ࢲ͕Reac%veSwi*Λ࢖͍࢝ΊͨܦҢ • ࠷ॳʢ2016/3݄͝Ζʣ͸RxSwi-ΛʢྲྀߦΓͰʣษڧ • Reac1veSwi-Meetup@WantedlyͰReac1veCocoaͷ࿩Λฉ͖ɺ ઃܭ͕ྑͦ͞͏ͩͱࢥ͍ɺ࢖͍࢝ΊΔ • @inamy͞Μɺ@ikesyo͞ΜɺNick͞Μ • ࠓ͸ޙչ͍ͯ͠ͳ͍

    34

35. ࢀߟ • Reac&veCocoa/Reac&veSwi. • Reac&veCocoa/Reac&veCocoa • RACCommunity • Reac&veX/RxSwi. •

    Reac&ve Swi. Meetup @WantedlyΛ։࠵͠·ͨ͠ʂ • @ikesyo͞Μͷࢿྉ • Reac&veSwi. جຊཁૉͷ࢖͍ํ Signal / SignalProducerฤ 35