Reactive android

1. 4GCEVKXG#PFTQKF

2. #IGPFC ! • Reactive Programmingって何？ • Android で使えるの？ • 実際に作ってみる • まとめ

3. 4GCEVKXG2TQITCOOKPI闋闎∶獑

4. 䧕訳闁闳闐 ⚮㊽䥥防陈阋附阺陎阋

5. “Reactive Programmingはデータフローと変化の伝播を中心としたプログラミングパラダイムである” –Wiki (意訳)

6. “FRPは非同期データストリームを用いるプログラミングである” –@andrestaltz

7. “Reactive Programmingとは Reactive Programming的考え方を実現するプログラミング手法のこと” –Kugimiya プログラミング手法の話をしているのに、名前のない考え方を内包しているので伝えにくい

8. 4GCEVKXG2TQITCOOKPI䥥勤閰㢚闐闗獑データの流れや変化が自動でインタラクティブに Viewなどに反映させる考え方

9. 1, こんな状態 ≬閰闘閻闻闒㐀闀 2, B2に =A1+A2をいれると 3, 加算されて3が表示される 4, A2を４に変更する 5, B2が反応して5になる！！

10. 閻间闺銙䛟闁闳䎛闓㧕闓箞㹫闒Ⅼ闺勤閰闳ストリームという概念で物事をとらえる。　ストリームとは、時間順に並んだ進行中のイベントの列 time です。 1つのストリームイベントイベントイベントイベント

11. time ストリームを考える事で、 A1に1 A2に2 A1に3 B2を1 B2を3 B2を4 反応(Reactive)できる！注: 画像はイメージです。パフォーマンスがあがる訳ではありません

12. 㡕䛧闁闳闐 Reactive Programmingとはデータの流れや変化が自動でインタラクティブに Viewなどに反映させる考え方を実現する為に物事をストリームでとらえてプログラミングする手法です

13. 闉闒闧闓珯珯珯

14. 4GCEVKXG2TQITCOKPI闖∮剏闍閹闗㐀屻䥥闓閻闻闒㐀闀・オブジェクト指向・関数型＞・MVC ・MVVM ＞ Reactive > (=) Programming デザインパターン＞スニペット

15. 4GCEVKXG2TQITCOOKPI闗 #PFTQKF闏≠閰闳闖獑

16. ≠閰闦闁

17. 4Z#PFTQKF闺瞪⑆闁闳閻闐闏伂☹闓 4GCEVKXG2TQITCOOKPI闏銙蜐閴闏閵闦闁 RxAndroidとはRxJavaのAndroid Moduleです。 RxJavaはJavaでReactive Programmingを行う為のライブラリです。

18. 瞪⑆闗伂☹ Gradleファイルに下記を書くだけ

19. 銙楼闓∽闋闎闧闳猳

20. 伂☹闒闪闖闺∽闋闎闧闳镩【仕様】ボタン１かボタン２を押すとカウントが１増える。 ! それだけ。

21. 4GCEVKXG2TQITCOOKPI闋闥閷勤閰闎闧闳 time InputAのストリームクリック time InputBのストリーム time 見るべきのストリームクリッククリッククリック二つをmerge！クリッククリッククリッククリッククリッククリッククリッククリック

22. 4GCEVKXG2TQITCOOKPI闋闥閷勤閰闎闧闳 time 見るべきストリーム表示表示表示表示表示表示ストリームを監視してoutputに出力する

23. 銙蜐猳 InputAのストリームを作成 InputBのストリームを作成ストリームをmerge！ Rx○○ではObserverパターンを適用していて、ストリームが監視対象のためストリームの事をObservableと読んでます。

24. 屬闳闡閵阔阣际閥阻闺簬屷閿闎 QWVRWV闓孉䰛闁闳 subscribeで監視し、 Actionにイベント追加時の処理を書く

25. 伂☹闒闪闖闺∽闋闎闧闳镪【仕様】 outputに常に A と Bの加算された値が表示される。 ! ただそれだけ。

26. 4GCEVKXG2TQITCOOKPI闋闥閷勤閰闎闧闳 time 値変更 InputAのストリーム値変更値変更値変更 time 値変更 InputBのストリーム値変更 time 値変更見るべきのストリーム値変更値変更値変更値変更値変更 merge！！

27. time OGTIG閿闇⬕⛩珮閻閮闒闳 Bの値変更見るべきのストリーム Aの値変更Bの値変更Aの値変更Aの値変更Aの値変更 19 1 20 22 5 9 19 + ？を表示？+５を表示欲しいのは両方の値！

28. EQODKPG.CVGUV闺≠閲閮 time 値変更 InputAのストリーム値変更値変更値変更 time 値変更 InputBのストリーム値変更 combineLatest！ time 値変更見るべきのストリーム値変更値変更値変更値変更値変更

29. ㄙ闓闪閮䔨㢚闖磷砒闖闿阴陎阣闐 time 阖阞阣闓閿闎閷间闳値変更見るべきのストリーム値変更値変更値変更値変更値変更表示表示表示表示表示表示これで加算が可能。あとはこのストリームを監視してoutputに出力するだけ

30. 銙蜐猳 InputAのストリームを作成 InputBのストリームを作成

31. ⛩∴猳見るべきストリームを作成 combineLatestを使って合体する

32. 屬闳闡閵阔阣际閥阻闺簬屷閿闎 QWVRWV闓孉䰛闁闳 subscribeで監視し、 Actionにイベント追加時の処理を書く

33. ↷闓闗閵闋闐閻闻闒Ⅼ闓≠閰闳闖闏闗闒閳闵閮閳・/QFGN%QPVTQNNGT闖闌闒閶・*VVR聆⋂闖际阊阃阔阣陇阔阸陎阔闒闑闒闑闐闗閬閰珮 'XGT[VJKPIKUUVTGCO闱閿閬闖闏闒闻闏闪閬閹闳闗闂珯

34. 闦闐闩

35. ・4GCEVKXG2TQITCOKPI闋闎∶闆闬闺䛧缷閿闒閬闐 ֺ哋ⓧ閴∶閿闎闳閳闰閷闷閳闱闒閬珮㨍㈴闓 ! ・倱⼡阸闿陎阣闗∶闺阔阣际閥阻闐闁闳閳闈闐㋾閮 ! ・∶闺阔阣际閥阻闐閿闎㕒閮閳闒闑闖 ֺ阴阔阣防附阊阡闾阔闗闦闈闧闻闒㴂倃ℎ㐀

SlideShare for iOS

Views

Actions

Embeds 10

Report content

Transcript

http://shotalow.hateblo.jp	8
https://twitter.com	2