リアクティフ?フ?ロク?ラミンク?と珂閣閣珂ハ?タ`ンについて
?
46 likes?10,493 views
The document discusses Functional Reactive Programming (FRP). It provides an overview of FRP, explaining that it is a programming paradigm for reactive programming using functional programming techniques. It contrasts the treatment of values and events in FRP compared to traditional programming by treating events as values that change over time. Examples are given showing how FRP reacts to changes in values.
リアクティフ?フ?ロク?ラミンク?と珂閣閣珂ハ?タ`ンについて
- 1. ?????????????? MVVM???????? 2014/10/31 @taketin
- 2. ???? ?????????????????????????????? ?????????????????????????ゎ?? ??????????????????f?????????? ?? ????????????????????????ヰ??? ??? ?????????????
- 4. FRP (Functional Reactive Programming) ???????
- 5. FRP (Functional Reactive Programming) ??????? ???????????????????????? ?
- 7. FRP ?? ??????????????????????????????? ? ??????????????????????????????? ???????????????????????グ???
- 8. FRP ?? ??????????????????????????????? ? ??????????????????????????????? ???????????????????????グ??? ?????????????? http://www.reactivemanifesto.org/ ??? ?f?????????? FRP?1997?? ?Functional Reactive Animation http://conal.net/papers/icfp97/ ??????? ?????
- 10. ???????????????????????? ??????? ??FRP??? ??????????????????????
- 11. ???????????????????????? ??????? ??FRP??? ?????????????????????? ?FRP ??? ???????????????
- 12. ???????????????????????? ??????? ??FRP??? var a = 1; var b = a + 1; a = 10; console.log(b) // => 2
- 13. ???????????????????????? ??????? ??FRP??? var a = 1; var b = a + 1; a = 10; console.log(b) // => 2 ?FRP??? var a = 1; var b = a + 1; a = 10; console.log(b) // => 11
- 14. ???????????????????????? ??????? ??FRP??? var a = 1; var b = a + 1; a = 10; console.log(b) // => 2 ?FRP??? var a = 1; var b = a + 1; a = 10; console.log(b) // => 11 FRP?????????????????? b = a + 1 ????????????
- 15. ???????????????????????? ??????? ??FRP??? var a = 1; var b = a + 1; a = 10; console.log(b) // => 2 ?FRP??? var a = 1; var b = a + 1; a = 10; console.log(b) // => 11 FRP?????????????????? b = a + 1 ???????????? Excel ? A1??? =B2+C3?????A1??????B2?C3???????? ????????????????????
- 16. ???????????????????????? ??????? ??FRP??? $("#select").change(function(val){ console.log(val.currentTarget.value); }); // selectbox で､ ＾foo￣ をxkした > foo // selectbox で､ ＾bar￣ をxkした > bar ?FRP??? var select = $("#select").asEventStream("change"); select.onValue(function(val) { console.log(val.currentTarget.value) }); // selectbox で､ ＾foo￣ をチェックした > foo // selectbox で､ ＾bar￣ をチェックした > bar
- 17. ???????????????????????? ??????? ??FRP??? $("#select").change(function(val){ console.log(val.currentTarget.value); }); ?FRP??? var select = $("#select").asEventStream("change"); select.onValue(function(val) { console.log(val.currentTarget.value) }); ??????????????????????????????????????グ??? ??? ?????????????????????????????????????????? ???????????
- 18. ???????????????????????? ??????? ??FRP??? $("#select").change(function(val){ console.log(val.currentTarget.value); }); ?FRP??? var select = $("#select").asEventStream("change"); select.onValue(function(val) { console.log(val.currentTarget.value) }); ?????????? ???f? ??????????????????????????????????????グ??? ??? ?????????????????????????????????????????? ???????????
- 20. ??????????????????????????????? ??????????????????????グ??? ?????f???? == ???????????
- 21. ??????????????????????????????? ??????????????????????グ??? ?????f???? == ??????????? ex) textField : ?????????????? button : ?????? on, off ????
- 22. ??????????????????????????????? ??????????????????????グ??? ?????f???? == ??????????? ex) textField : ?????????????? button : ?????? on, off ???? FRP ????????????????????? ?????????????1?????????????????? ??????f??????????????????
- 24. ??????????????????????????????? ??????????????????????グ??? ????? ex) ??? : 1, 2, 3, 4 ???? : ??????????? -> 2, 4, 6, 8 ???? : 4 ??????? -> 4, 8
- 25. ??????????????????????????????? ??????????????????????グ??? ????? ex) ??? : 1, 2, 3, 4 ???? : ??????????? -> 2, 4, 6, 8 ???? : 4 ??????? -> 4, 8 ???????????????????????
- 26. ??????????????????????????????? ??????????????????????グ??? ????? ex) ??? : 1, 2, 3, 4 ???? : ???????2???? -> 2, 4, 6, 8 N ???? : 4 ??????? -> 4, 8 N ?????5 ?????? -> 6, 8 ??????????????????????? ??????????????????????????
- 27. Reactive programming??... ?????????????????ィ???????グ?? ????????f???????
- 28. Reactive programming??... ?????????????????ィ???????グ?? ????????f??????? ??????????????????????????? ????????????????????????????
- 29. Reactive programming??... ?????????????????ィ???????グ?? ????????f??????? ??????????????????????????? ???????????????????????????? ?MVVM ???????????????
- 30. MVVM (Model View ViewModel)
- 31. MVVM (Model View ViewModel) ?2005??Microsoft ? WPF ? Silverlight ?? ?????? ?? via: http://ja.wikipedia.org/wiki/Model_View_ViewModel ??? GUI ????????????
- 32. MVVM (Model View ViewModel) ?2005??Microsoft ? WPF ? Silverlight ?? ?????? ?? via: http://ja.wikipedia.org/wiki/Model_View_ViewModel ??? GUI ???????????? ?View?ViewModel?????ViewModel?Model????? ??????◎?? image: http://www.atmarkit.co.jp/fdotnet/chushin/greatblogentry_02/greatblogentry_02_01.html
- 33. MVVM (Model View ViewModel) ?Model - ?????????? ?View - UI?????UI????? ?ViewModel - View?Model?????????View??????????? ?????????????View????R???????????せ??View?? ?????????????????????????????????
- 34. MVVM (Model View ViewModel) View?ViewModel???????????????????????????? ????????????????????????????????????? ??????????????????????????????????????? ???????????????????????????????????????? ??????????
- 35. MVVM (Model View ViewModel) ?せ??? ??f?? View?????? ?????????????
- 36. MVVM (Model View ViewModel) ReactiveCocoa (Objective-C) ?FRP??????????f?DSL? ?GitHub????????????GitHub?Mac???????????? ?????????????????????????????? VM ??????? ?????????????ViewController ?? View ??????????? ?? ViewController ? MVC ? C ??◎??MVVM ? V ??
- 37. MVVM (Model View ViewModel) ReactiveCocoa (Objective-C) ???? ?????グ?????????????????????
- 38. MVVM (Model View ViewModel) ReactiveCocoa (Objective-C) ???? ?????グ????????????????????? ????? ?グ??????? ?DSL ? FRP ???????
- 39. MVVM (Model View ViewModel) ReactiveCocoa (Objective-C) ??????????? 3?? Swift ??? Swift ????????? https://github.com/ReactKit/ReactKit ???? ?????ヨ??????
- 41. FRP??????????? ???????f?????????????????????? ????? ???? ????f?????????? ???????????????????????????????????? ???????◎?R??
- 42. FRP??????????? ???????f?????????????????????? ????? ???? ????f?????????? ???????????????????????????????????? ???????◎?R?? ???????????????????????ゎ???????
- 43. Library FRP: Javascript ?https://github.com/Reactive-Extensions/RxJS ?https://github.com/baconjs/bacon.js ?https://github.com/facebook/react MVVM: Javascript ?https://github.com/knockout/knockout ?https://github.com/jashkenas/backbone ?https://github.com/angular/angular.js ?https://github.com/ractivejs/ractive ?https://github.com/yyx990803/vue
- 44. ????? ???ヂ????????????????????????? http://ninjinkun.hatenablog.com/entry/introrxja ??????????????????せ?? http://d.hatena.ne.jp/pokarim/20101226 ????????????? http://r7kamura.hatenablog.com/entry/2014/08/21/113654 ?FRP?ヰ http://maoe.hatenadiary.jp/entry/2012/12/24/011414 ?Web????????????????????? http://www.ediplex.com/blog/?p=830 ?????? ReactiveCocoa ??? https://speakerdeck.com/ninjinkun/yuruyakanareactivecocoafalsedao-ru ?MVVM for iOS https://speakerdeck.com/laiso/mvvm-for-ios ?ReactiveCocoa?iOS??MVVM http://ios.caph.jp/articles/mvvm-using-reactivecocoa ?AngularJS????????????????? http://zoetrope.hatenablog.jp/entry/2014/02/15/175040 ?Bacon.js?T??Functional reactive programming http://gan.hatenablog.jp/entry/2013/11/10/152720