Ansibleの発表はしません＞＜

2014 3/12

株式会社GaiaX Kazuhiro Homma (@kazuph)

最初はAnsibleの話を考えていた
自分の中の賞味期限が切れたので
急遽、
内容を変えさせていただいて、
WebRTCの話をします！

Agenda

  • WebRTCとは？
  • 使ってみる！
  • WebRTCの可能性

最近俺の中でWebRTCが熱いと話題に！wwwwwwwwwww

2014 3/12

株式会社GaiaX Kazuhiro Homma (@kazuph)

Whoami

Whoami

スキル

  • iPhone/Android/API同時開発
  • 社内リアルISUCON(コンテンツキャッシュ・クエリ改善・アーキテクチャの変更…)
  • 他にも改善系を勝手にやってました
    • 構築をansible化
    • グラフをGrowthForecast/HRForecast/Yohoushiで作成
    • PhantomJSでレンダリング含めたサイトのレスポンス測定

Whoami

そういえば一昨年の素数戦争の企画と運用をやってました

primewars

ガイアックス × CodeIQ

Yapc::Asia2012::素数戦争(PrimeWars)

今日は素数の話をしてくれる人がいて楽しみ！(・∀・)

Whoami

去年はVimの発表をしました〜

よろしくお願いします！

WebRTCとは？

ビデオチャットって何をつかってますか？

  • 自分プライベートの開発スタイル
    • rebuildfmでも最近流行りのリモート開発
    • 福岡エンジニア１人と東京にエンジニア１人、営業１人という組合せで開発
    • 会わずにTODOだけ共有して作業と精神的にもつらい
    • やはり話さないときでも常に接続しているべき
最近まではもっぱらSkypeかLINE

skype

イケてないところ

  • Skype
    • 動画や音声が乱れる
    • 複数人の画面共有が有料
  • LINE
    • Skypeよりも動画は綺麗だが重い時がある
    • 画面共有ができない＞＜
  • 共通するいやな点
    • 自分で改造しづらい！(skypeは一応APIあるけどごにょごにょ)
なかなかイケてる
ビデオチャットツールって
ないなぁ(´・ω・｀)
そこで登場したのが
突然のビデオチャット！

vmux

※この画像は vmux 使用時のもの

突然のWebRTC！

WebRTCのイケてるところ

  • ブラウザだけで完結しているのでJSで色々できる(できそう)
  • 動画と音声が綺麗
  • 画面共有ができるサービスもある（apprear.in）
  • コーディングの内容も共有できるサービスもある（codassium.com）
  • オープンソースのサービスがある（vmux）

いつから盛り上がったのか？

  • WebRTC自体が立ち上がり始めたのが2011年ごろ
  • ChromeとFirefox同士でWebRTCでビデオチャットができるようになったのが2013/2/5
  • オプションなしでChromeの安定版で使えるようになったのが2013/5/21日のv27から
  • IDEA*IDEAでまとめられたのが2014/3/4日
    • それ前後でネットで実用レベルのビデオチャットが流行り始めた

WebRTCを使うための最低限の知識

  • 基本はブラウザ間でのP2P
    • カメラの映像を送るために処理能力の高いサーバーを設置する必要はない
    • ただしそれはP2Pを確立したあとの話
  • 接続を確立するために以下の2台のサーバーが必要
    • ICEサーバー
      • NAT越えをするために必要
      • 大手が用意してくれているものがある
        • google: stun.l.google.com:19302
        • Mozilla: stun.services.mozilla.com
        • SkyWay: stun.skyway.io:3478
    • Signalingサーバー
      • 自前で用意(WebSocketが使われることが多い模様)

試してみる

WebRTCの可能性

  • JSでできることによって敷居がだいぶ下がった
  • 気軽にビデオチャットチャットのできるサービスが今後増えそう
  • ＋αで様々な可能性(顔認識やJSによる柔軟なUI)
  • Androidでも利用可能

Enjoy WebRTC!

参考URL