Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Mikio Fujita

April 12, 2015
Tweet

More Decks by Mikio Fujita

Other Decks in Programming

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