Tweet
Tweet

Slide 1

Slide 1 text

Cycle.jsΛ࢖ͬͯΈͨ࿩ We Are JavaScripters! @12th 2017.10.2 tipo159

Slide 2

Slide 2 text

Cycle.jsͱ͸ • ϦΞΫςΟϒϓϩάϥϛϯά(Observable)ͰԾ૝DOMΛૢ࡞͢Δϑ ϨʔϜϫʔΫ • xstreamͱ͍͏ϦΞΫςΟϒϓϩάϥϛϯάͷϥΠϒϥϦΛ࢖༻ • xstream͸RxJSͷܰྔ൛ • RxJSͱmost.js(Monadic Streams)΋࢖༻Մೳ 2

Slide 3

Slide 3 text

Ծ૝DOM • SnabbdomΛ࢖༻ • HyperScript HelpersͰDOMੜ੒Λهड़ div('.myClass', {style: {color: 'red'}}, []) 3

Slide 4

Slide 4 text

Cycle.jsͷߟ͑ํ • Cycle.jsͷΞϓϦέʔγϣϯͰ͸ɼ७ਮؔ਺(෭࡞༻ͷͳ ͍)main()͕ɼ֎෦͔ΒͷೖྗΛSources͔ΒಡΈࠐΈɼ ֎෦΁ͷ࡞༻ΛSinks΁ॻ͖ग़͢ɽ 4 main() Sources Sinks DOM΍HTTP౳ͷ෭࡞༻ ७ਮؔ਺

Slide 5

Slide 5 text

σϞ 5

Slide 6

Slide 6 text

ιʔείʔυ 6

Slide 7

Slide 7 text

ϋϚͬͨϙΠϯτ • hyperscript helperͰͷselect()(ͷ)ͷ هड़ํ๏͕෼͔Βͳ͍ • html-to-hyperscript.paqmind.comͱ͍͏HTML͔Β hyperscriptʹม׵͢ΔαΠτͷग़ྗ௨Γʹهड़ͯ͠ ΋ಈ࡞͠ͳ͍ • ηϨΫλ༻ؔ਺(DOM.select())ͷݕࡧ݁Ռ͕ଟ͗͢ ͯɼͷαϯϓϧΛݕࡧͰ͖ͳ͔ͬͨ 7

Slide 8

Slide 8 text

ࠂ஌ We Are PureScripters #3 • ॳ৺ऀ׻ܴ ؔ਺ܕJavaScript LTେձ • PureScript΍ElmͳͲͷؔ਺ܕϓϩάϥϛϯάݴޠ͚ͩͰͳ ͘ɺImmutable.js΍LodashͳͲͷJavaScript༻ؔ਺ܕϥΠϒ ϥϦͳͲ΋ؚΊͨLTେձ • ೔࣌: 2017.10.20 19:30ʙ21:30 • ձ৔: ະఆ • LTొஃऀ ืूத 8