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

UEC技術系合同新歓2015に発表したLTスライドです。

Transcript

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

   View Slide

2. ৽ೖੜͷΈͳ͞Μ
   

   View Slide

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

   View Slide

4. ๻
   • ૯߹৘ใֶՊ 2೥
   • Twitter & Github: benevolent0505
   • ࠷ۙόΠτΛ࢝Ίͨ
   

   View Slide

5. ຊ୊
   

   View Slide

6. ࠓ೔঺հ͢Δ΋ͷ
   

   View Slide

7. Lightning Paint
   

   View Slide

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

   View Slide

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

   View Slide

10. Demo
    

    View Slide

11. ~WebRTC~
    • Web Real Time Communication
    • ϒϥ΢βͰP2P௨৴Λ࣮ݱ͢Δ
    • ϥΠϒϥϦͰɺ؆୯ʹνϟοτ͕Ͱ͖Δ
    • ͨͩ͠IE, Safari͸ະରԠ
    • ࢓ํͳ͍Ͷ
    

    View Slide

12. ~ͦͷͨ͡ΐ͏΄͏~
    • Github্ͰιʔείʔυΛެ։͍ͯ͠ΔΑʂ
    • Webͷٕज़࠷ߴ
    • ࠷৽ٕज़໘ന͍
    • ୭͔ͱ΍Δͷָ͍͠
    • ͋ͱϞνϕʔγϣϯͷҡ࣋ʹྑ͍
    

    View Slide

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

    View Slide

14. ࠂ஌
    

    View Slide

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

    View Slide

16. શ10ճʢ༧ఆʣ
    

    View Slide

17. @masawada
    ߨࢣ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide