RxJSで時空を制した話

RxJSで時空を制した話@M3techmeetup
http://m3-engineer.connpass.com/event/33802/

Transcript

1. RxJSͰۭ࣌Λ੍ͨ͠࿩ M3, Inc. Jun Tomioka
2. ࣗݾ঺հ ෋Ԭ ७ (@jooohn) - ΤϜεϦʔגࣜձࣾ - ΤϯδχΞϦϯάG - ৽نϓϩδΣΫτx2 (ॾࣄ৘ʹΑΓඇެ։த) - ՇͷാͱؒΛͱͬͯڮຊ͔ Β̎h௨ۈʢڠٞதʣ
3. RxJSͰۭ࣌Λ੍ͨ͠࿩
4. ॾࣄ৘ʹΑΓ αʔϏε಺༰Λݴ͑ͳ͍ͷͰ ԾͷαʔϏεͰઆ໌͠·͢
5. https://github.com/jooohn/rx-angular-example
6. ۭ࣌Λ੍͢Δલ https://goo.gl/1wlYCu
7. ۭ࣌Λ੍͍ͤͯͳ͍఺ • Ϣʔβʔ͕ૢ࡞͢Δ౓ɺ΍ͨΒୟ͔ΕΔAPIίʔϧ • λΠϛϯάʹΑۭ͕ͬͯ࣌࿪Ή • Load Moreͷॱ൪ • લճͷݕࡧ݁ՌΫϦΞ • ݹ͍৚݅ͷݕࡧ݁ՌΛදࣔʂʂ
8. ʰjʱͰݕࡧ ʰjaʱͰݕࡧ ʰjaʱͷ݁Ռ ʰjʱͷ݁Ռ ۭ࣌ͷ࿪Έ
9. ۭ࣌ͷ࿪Έ
10. ͭΒ͍
11. ͦ͜Ͱ
14. An API for asynchronous programming with observable streams ࠓճॏཁͳ఺
16. Αͦ͞͏
17. ۭ࣌Λ੍͍ͤͯͳ͍఺ • Ϣʔβʔ͕ૢ࡞͢Δ౓ɺ΍ͨΒୟ͔ΕΔAPIίʔϧ • λΠϛϯάʹΑۭ͕ͬͯ࣌࿪Ή
18. ۭ࣌Λ੍͍ͤͯͳ͍఺ • Ϣʔβʔ͕ૢ࡞͢Δ౓ɺ΍ͨΒୟ͔ΕΔAPIίʔϧ • λΠϛϯάʹΑۭ͕ͬͯ࣌࿪Ή
19. combineLatest
20. ݕࡧΩʔϫʔυͷετϦʔϜ େ཮ͷετϦʔϜ “” “j” “ja” Asia Europe combineLatest “” / Asia “j” / Asia “ja” / Asia “ja” / Europe ݕࡧ৚݅ͷετϦʔϜ
21. ݕࡧ৚݅ͷ ετϦʔϜΛ ҰຊԽ
22. debounce
23. debounce debounce(300) ݕࡧ৚݅ͷετϦʔϜ 300msҎ಺ʹଞͷΠϕϯτ͕͋Δ΋ͷΛഉআ
24. debounce debounce(300) ݕࡧ৚݅ͷετϦʔϜ ࿈ଧɾΩʔλΠϓ౳ͰͷແବͳϦΫΤετΛ࡟ݮʂ
25. ۭ࣌Λ੍͍ͤͯͳ͍఺ • Ϣʔβʔ͕ૢ࡞͢Δ౓ɺ΍ͨΒୟ͔ΕΔAPIίʔϧ • λΠϛϯάʹΑۭ͕ͬͯ࣌࿪Ή
26. ۭ࣌Λ੍͍ͤͯͳ͍఺ • Ϣʔβʔ͕ૢ࡞͢Δ౓ɺ΍ͨΒୟ͔ΕΔAPIίʔϧ • λΠϛϯάʹΑۭ͕ͬͯ࣌࿪Ή
27. flatMapLatest
28. ͜Ε͚ͩ
29. flatMap
30. flatMapLatest
31. flatMapLatest ৚݅A ৚݅B ৚݅C ৚݅D flatMapLatest(৚݅ => ݁ՌͷετϦʔϜ) ݁ՌA ݁ՌB ݁ՌC ݁ՌD
32. flatMapLatest ৚݅A ৚݅B ৚݅C ৚݅D flatMapLatest(৚݅ => ݁ՌͷετϦʔϜ) ݁ՌA ݁ՌB ݁ՌC ݁ՌD ۭ͕࣌࿪·ͳ͍
33. ۭ͕࣌࿪·ͳ͍ʂ
34. flatMapLatest
35. ͜Ε͚ͩͰ
36. ۭ͕࣌࿪·ͳ͍ʂ
37. ۭ࣌Λ੍͍ͤͯͳ͍఺ • Ϣʔβʔ͕ૢ࡞͢Δ౓ɺ΍ͨΒୟ͔ΕΔAPIίʔϧ • λΠϛϯάʹΑۭ͕ͬͯ࣌࿪Ή
38. https://goo.gl/7phFXe
39. ۭ࣌Λ੍ͨ͠ʂ