WebRTCで絵チャットを作った話し

Transcript

1. WebRTCͰֆνϟοτ Λ࡞ͬͨ࿩ ! ૯߹৘ใֶՊ 2೥ @benevolent0505

2. ৽ೖੜͷΈͳ͞Μ

3. ⼊入学おめでとうございます

4. ๻ • ૯߹৘ใֶՊ 2೥ • Twitter & Github: benevolent0505 •

   ࠷ۙόΠτΛ࢝Ίͨ

5. ຊ୊

6. ࠓ೔঺հ͢Δ΋ͷ

7. Lightning Paint

8. ͳʹ͜Ε • ͍ΘΏΔֆνϟοτ • WebΧϝϥͱϚΠΫΛ࢖ͬͯίϛϡχέʔγϣϯ • 2ऀؒͰҰͭͷΩϟϯόεΛڞ༗ͯ͠ϦΞϧλ ΠϜʹڞಉฤू͕Ͱ͖Δ

9. http://lightning- paint.azurewebsites.net/

10. Demo

11. ~WebRTC~ • Web Real Time Communication • ϒϥ΢βͰP2P௨৴Λ࣮ݱ͢Δ • ϥΠϒϥϦͰɺ؆୯ʹνϟοτ͕Ͱ͖Δ

    • ͨͩ͠IE, Safari͸ະରԠ • ࢓ํͳ͍Ͷ

12. ~ͦͷͨ͡ΐ͏΄͏~ • Github্ͰιʔείʔυΛެ։͍ͯ͠ΔΑʂ • Webͷٕज़࠷ߴ • ࠷৽ٕज़໘ന͍ • ୭͔ͱ΍Δͷָ͍͠ •

    ͋ͱϞνϕʔγϣϯͷҡ࣋ʹྑ͍

13. ~͋ͱ͍͍͍ͨ͜ͱ~ • ΍ͬͨ͜ͱແͯ͘΋ɺͱΓ͋͑ͣ΍ͬͯΈΑ ͏ • ࣌ؒ͸ͨ͘͞Μ͋ΔͷͰɺ΍Γ͍ͨ͜ͱΛ΍ Ζ͏ • ITͷ͜ͱʹڵຯ͕͋Ε͹ɺMMAʹ

14. ࠂ஌

15. 4݄25೔ʢ౔ʣ͔Β JavaScriptߨशΛ΍Γ·͢

16. શ10ճʢ༧ఆʣ

17. @masawada ߨࢣ

18. http://uecmma.github.io/ jssem2015/

19. ؆୯ͳϓϩάϥϛϯάͷ஌ࣝ ! ʢม਺ͱ͔if,for,whileͱ͔഑ྻͱ͔ؔ਺ͱ͔ ͦͷఔ౓ʣ

20. ৄ͘͠͸ http://uecmma.github.io/ jssem2015/

21. ੋඇɹདྷ͍ͯͩ͘͞!!!