社内勉強会発表

Transcript

1. JavaScriptΛ࢖ͬͯ ϒϥ΢βͰΈΕΔ΋ͷΛ࡞Δ ʢલ൒ઓʣ ˏΧπϛμϒϧπΠϯϚʔΫ2ηΧϯυ 2016/6/24 גࣜձࣾελδΦɾΞϧΧφ
2. ࢖༻༧ఆ • riot • redux • skyway
3. ࢖༻༧ఆ • riot • redux • skyway ϑϩϯτ͋Μ·΍ͬͨ͜ͱͳ͍͔ΒɺͱΓ͋͑ ͣͦΕͬΆ͍ͷࢼͯ͠ΈΑ͏ͱ͍͏ߟ͑
4. લఏͱͯ͠ ϑϩϯτΤϯυͷ஌͕ࣝ͋·Γͳ͍ਓ͕΍ͨ͜ͱ ͳͷͰɺ݁ߏΊͪΌͪ͘ΌͰ͢ɻ஌͕ࣝ͋·Γͳ ͍ਓ͕΍Δͱ • ͜Μͳͱ͜ΖͰͭ·ͣ͘Μͩʙ • ͜Μͳ͜ͱ΍ͬͪΌ͏Μͩʙ ఔ౓ʹࢥͬͯݟ͍ͯͩ͘͞
5. ܰ͘঺հ
6. http://riotjs.com/ja/
7. riot A React-like user interface micro-library • reactͬΆ͍খ͍͞ϥΠϒϥϦ APIͷ਺͕10෼ͷ1͔ɺ100෼ͷ1 • ֮͑Δ͜ͱ͕গͳ͍ / νϡʔτϦΞϧ΋গͳ͍ • ಠࣗܗࣜͳ΋ͷ͕গͳ͘ɺඪ४తͳ΋ͷ͕ଟ͍
8. riot A React-like user interface micro-library • reactͬΆ͍খ͍͞ϥΠϒϥϦ APIͷ਺͕10෼ͷ1͔ɺ100෼ͷ1 • ֮͑Δ͜ͱ͕গͳ͍ / νϡʔτϦΞϧ΋গͳ͍ • ಠࣗܗࣜͳ΋ͷ͕গͳ͘ɺඪ४తͳ΋ͷ͕ଟ͍ ؆୯ͦ͏ʂ
9. https://nttcom.github.io/skyway/
10. skyway • webRTCΛखܰʹ͔͋ͭ͑Δ • socketserverΛ࡞Βͳͯ͘ྑ͍ • socket௨৴ͰͷNATนΛͳΜͱ͔ͯ͘͠ΕΔ
11. skyway • webRTCΛखܰʹ͔͋ͭ͑Δ • socketserverΛ࡞Βͳͯ͘ྑ͍ • socket௨৴ͰͷNATนΛͳΜͱ͔ͯ͘͠ΕΔ Α͘Θ͔ͬͯͳ͍͚Ͳ୭͔͕ͦ͏ݴͬͯͨ
12. skyway • webRTCΛखܰʹ͔͋ͭ͑Δ • socketserverΛ࡞Βͳͯ͘ྑ͍ • socket௨৴ͰͷNATนΛͳΜͱ͔ͯ͘͠ΕΔ ؆୯ͦ͏ʂ Α͘Θ͔ͬͯͳ͍͚Ͳ୭͔͕ͦ͏ݴͬͯͨ
13. skyway • webRTCΛखܰʹ͔͋ͭ͑Δ • socketserverΛ࡞Βͳͯ͘ྑ͍ • socket௨৴ͰͷNATนΛͳΜͱ͔ͯ͘͠ΕΔ ؆୯ͦ͏ʂ Α͘Θ͔ͬͯͳ͍͚Ͳ୭͔͕ͦ͏ݴͬͯͨ ಈըͱ͔ͷσʔλΛετϦʔϛϯάͰ΍ΓͱΓͱ͔΋Ͱ͖ΔΑ͏Ͱ͕͢΍Δ༧ఆ͸͋Γ·ͤΜ
14. https://github.com/reactjs/redux
15. redux • UIͷstate(ঢ়ଶ)Λ؅ཧΛ͢ΔͨΊͷϑϨʔϜϫʔΫ • ΍Ζ͏ͱࢥ͑͹AngularͰ΋࢖͑Δͬͯݴͬͯͨ • youtubeͰriotʴredux͕঺հ͞Εͯͨ • https://www.youtube.com/watch?v=Y6vpKAGT2-8 • ө૾Λݟ͚ͨͩͳͷͰͲΜͳ͜ͱݴͬͯΔ͔͸஌Γ·ͤΜ
16. redux • UIͷstate(ঢ়ଶ)Λ؅ཧΛ͢ΔͨΊͷϑϨʔϜϫʔΫ • ΍Ζ͏ͱࢥ͑͹AngularͰ΋࢖͑Δͬͯݴͬͯͨ • youtubeͰriotʴredux͕঺հ͞Εͯͨ • https://www.youtube.com/watch?v=Y6vpKAGT2-8 • ө૾Λݟ͚ͨͩͳͷͰͲΜͳ͜ͱݴͬͯΔ͔͸஌Γ·ͤΜ ͋Μ·Γ؆୯͡Όͳ͔ͬͨʂ
17. ࠓि͸ • riot • redux • skyway ؆୯ͩͬͨ͜ͷ2ͭͷαϯϓϧΛ૊Έ߹Θͤͯಈ͘΋ ͷΛ࡞Γ·͢ʂ
18. ·ͣ͸
19. http://riotjs.com/play/todo/
20. αϯϓϧ(.tagϑΝΠϧ)
21. ݟͮΒ͍ʂ
22. sublime text 3Ͱriot • ৭෼͚͕ෆ׬શ • riotλά༻ͷpluginೖΕ͚ͨͲμϝͩͬͨ • ৭ʑpluginೖΕͯΔ͍͔ͤόά΋ൃੜ
23. sublime text 3Ͱriot • ৭෼͚͕ෆ׬શ • riotλά༻ͷpluginೖΕ͚ͨͲμϝͩͬͨ • ৭ʑpluginೖΕͯΔ͍͔ͤόά΋ൃੜ (;´Д`)sublime text͸ఘΊΔ
24. Atomಋೖ
25. αϯϓϧ(.tagϑΝΠϧ)
26. AtomͰriot • ݟ΍͍͢
27. AtomͰriot • ݟ΍͍͢ • ݟ΍͍͢
28. αϯϓϧ(.tagϑΝΠϧ)
29. AtomͰriot • ݟ΍͍͢ • ݟ΍͍͢ • ݟ΍͍͢
30. Atom • Ҏલ࢖ͬͨ࣌ΑΓ݁ߏܰ͘ͳͬͯΔ
31. Ͱ
32. ͱΓ͋͑ͣ׬੒
33. ͜ΕʹskywayΛ૊ΈࠐΈ
34. ݁Ռ
35. εΫϦʔϯγϣοτ͡ΌΘ͔ΒΜʂ
36. ଓ͖͸WebͰ
37. ΍ͬͨݟͨײ૝
38. riot΍͹͍ • skyway(peer.js)ͷϥΠϒϥϦͷ૊ΈࠐΈ݁ߏ؆୯ʹ Ͱ͖ͨ • ͨͿΜͰ͖ΔͩΖ͏ɻ͍ͬͯ͏ײ͡ͰίʔσΟϯά ͢ΔͱେମͰ͖Δ
39. riot΍͹͍ • skyway(peer.js)ͷϥΠϒϥϦͷ૊ΈࠐΈ݁ߏ؆୯ʹ Ͱ͖ͨ • ͨͿΜͰ͖ΔͩΖ͏ɻ͍ͬͯ͏ײ͡ͰίʔσΟϯά ͢ΔͱେମͰ͖Δ ͳͷͰίʔυ͸ΧΦεʹͳΔ
40. ࠓि͸Ҏ্Ͱ͢