台東区上野発のWeb制作会社、世界へ

- カメラ/撮影
- ライティング/編集

2015.02.13

第6回

DevRelイベントレポート

WebRTC Conference JapanとROMO TSURISMOレポート【ROMOラジコンで優勝しました！】

のびすけ

投稿日: 2015.02.13

更新日: 2016.02.29

テクノロジーロボット（機械工学）

こんにちは、エンジニアののびすけです。
IoTやWoTがバズワード的な扱いになってきましたね。

こういったインタラクティブなことをやるときの通信には、皆さん何を使っているでしょうか？　Socket.ioというライブラリやMQTTといったプロトコルなどが注目されていますが、同様にWebRTCも最近盛り上がっています。

先日、WebRTCのカンファレンスに参加して来ましたので、そのご報告をさせていただきます。また、以前紹介したRomoとWebRTCを使ったレースゲームで勝ち上がったので、その話をしたいと思います。

※私はWebRTCよりもRomo開発をしていた経緯で興味を持って参加したので、Romoの方をメインに紹介したいと思います。

※最後にイベント告知があります！

WebRTC Conference Japanとは

http://webrtcconference.jp/

WebRTCをテーマにした日本初のカンファレンスです。WebRTC界隈での著名なスピーカーを海外からも招待して話を聞けました。御茶ノ水ソラシティカンファレンスセンターで開催されました。

今、世界中のWeb技術者から注目を集めている技術「WebRTC」

WebRTCの本質は、リアルタイム・コミュニケーション技術のオープン標準です。Webアプリやモバイルアプリでの利用が既に始まっているだけではなく、IoT (Internet of Things) 分野でも活用されはじめており、WebRTCが世界をどのように変えるのか、今こそ真剣に考えるべきだと言っても過言ではないでしょう。
このイベント「WebRTC Conference」は、WebRTCをテーマとした日本初のカンファレンスです。WebRTCの現状と可能性について、技術的な観点だけではなく、ビジネス的な観点からも存分に学べる場を目指します。

引用元：WebRTC Conference Japan

http://webrtcconference.jp/

そもそもWebRTCって？

そもそもWebRTCが何か分からない人もいるかと思います。WebRTC（RTCは「Real-Time Communication」の略）とは、ビデオや音声、データをブラウザ間でやり取り可能にする規格です。
WebRTCの機能を利用することで、Webサイト上でビデオ・音声チャットやファイルをやり取りできます。プラグインなどを全く使用せずに機能を使えることが特徴の1つだと思います。

また、P2P通信でサーバーを介さずにユーザ間で直接通信を行うため、レスポンス性がより高い通信を実現します。（シグナリングと呼ばれるユーザとユーザを結びつける処理にはサーバーが必要になりますが、コネクションが確立したあとはP2Pで通信を行います。）

参照：ビデオチャットもさくっと作れる！ WebRTCによるブラウザ間リアルタイム通信はじめの一歩 – CodeZine

http://codezine.jp/article/detail/8099

ビデオチャットのようなリアルタイム性のあるシステムが簡単に作れます

具体的にどんなことができるかというと、OpenTokRTC（アクセスした部屋で誰かとビデオチャットができるWebサービス）のように、ブラウザにプラグインのインストールなどをしなくても、ビデオチャットのようなリアルタイム通信を実現できます。

https://opentokrtc.com/liginc

LIG部屋作ってみました。タイミングが合えば誰かに会えるかもｗ

FirefoxとChrome、Operaは対応しています。IEとSafariはしばしお待ちを。

ブラウザ対応がまだまだ充分とは言えない状況で、IEとSafariが対応していません。現時点では使いどころを検討する必要がありそうですね。今後各ブラウザの対応状況の動向が気になります。

WebRTCをテーマにした多彩な発表

数々の著名なスピーカーがご講演をしてくださいました。私が参加した1日目の発表の中から、2つ紹介したいと思います。

Web of Thingsの現状とWebRTC活用の可能性

NTTコミュニケーションズエヴァンジェリストの小松さんのご発表。
小松さんは今回のWebRTC Conference Japanの実行委員長でもあり、Google API Expert（HTML5）でもある方です。

653148d1d479f42a8581e92e53c7b0f5

インターネットとリアルなモノを繋げてコンテンツを作る領域として、IoT（Internet of Things）という単語が話題になっています。IoTはソフトウェアからハードウェアまで幅広い領域を指しますが、その中でもWebサービスでユーザーが利用するレイヤーをWoT（Web of Things）と呼んだりします。

そんな「WoTの現状」と「WebRTCなどのWebプロトコルの進化に伴う、WoTやWebRTCの可能性」についてお話をしてくださいました。実例としてChromeCastやSkyWay（後述）の紹介や、WebRTCとRomoの連携デモなどをしてくださいました。

単語についても丁寧に説明されている資料ですので、ぜひご覧いただきたいです。

Web of Thingsの現状とWebRTC活用の可能性 from Kensaku Komatsu

WebRTCの裏側

「株式会社時雨堂」のvoluntasさんのお話です。voluntasさんはWebRTC向けのシグナリングサーバーやTRUN/STUNサーバーの開発をしているということで、WebRTCのシグナリング（P2P通信でクライアント同士を紐づける処理）の仕組みやプロトコルの話をしてくださいました。

とても専門的な話で、分からない単語や理解できない部分も多かったのですが、個人的にすごく勉強になることが多かったです。

voluntasさんのGithub Gistにまとめてあるので、ぜひご覧ください。

WebRTCとRomoを使ったレースゲーム ROMO TURISMO

カンファレンスの会場の一角にすごく心惹かれるコンテンツがありました。RomoとWebRTC（SkyWay）を使ったマ○オカートのようなレースゲーム「ROMO TURISMO」です。

国内でRomoの販売をしている「セールスオンデマンド(SODC)社」が今回のカンファレンスの運営に関わっていたということもあり、「SkyWay」の開発元の「NTTコミュニケーションズ」と連携して、RomoとSkyWayの事例作りのプロトタイプとして「ROMO TURISMO」を作ったらしいです。

Romoって？

romotive社が開発しているiPhoneとドッキングすることでラジコンのように動作する教育用ロボット（オモチャ）です。
Romoについては以前書いた「iPhoneがラジコンになる知育ロボットRomoで遊んでみよう【使い方編】」をご参照ください。
RomoはiOS SDKが公開されていて、開発者が柔軟なカスタマイズをすることができます。

SkyWayって？

WebRTCを簡単＆柔軟に使えるようにするプラットフォームサービスです。
WebRTCはP2P通信といってもサーバー側の用意をする必要はあり、クライアント側だけのスキルでは実装が難しい面もありました。SkyWayはそういった障壁を少なくしてくれて、WebRTCを使いやすくしてくれます。
そんなSkyWayのiOS SDKが開発中（公開未定）とのことで、ROMO TURISMOで動作を見せてもらいました。

#ROMO TURISMOの流れ

b430d0aacaba705d16f4c84fdae5645a

コーンで作られたコースに沿ってRomoを操作して速さを競います。ドライバー（ユーザ）はパソコンの画面に表示される映像を見ながら操作します。Romo（iPhone）が見ている映像がパソコンの画面に表示されるため、実際の車の運転やテレビゲームをしているような感覚でした。

画面に映し出された映像をもとにコントローラーでRomoに命令を送っています。ここの通信部分にWebRTCが使われているとのことです。ちなみにこの時たまたま一緒に対戦したのは、「mozaic.fm」などで有名な@Jxck_さんと「html5j」の現代表で今回のカンファレンスの運営にも携わっていた吉川さん。
まさかこんな著名な方々とRomo勝負できるとは・・・！（笑）

a48d4f533761bab6ed1ef15b9efe1a6c