Copyright © NTT Communications Corporation. All rights reserved.
WebRTC 技術動向
 および活用動向
NTT コミュニケーションズ株式会社
  技術開発部 Web コアテクニカルユニット
   Web アプリケーション エバンジェリスト
  小松健作
2015.4.15 WebRTC 勉強会
Copyright © NTT Communications Corporation. All rights reserved.
自己紹介
2
• 小松健作
• NTT コミュニケーションズ
• 技術開発部
• Web アプリケーションエバンジェリスト
• 最新 Web 技術の研究開発に従事
• WebRTC ( SkyWay )
• 標準化活動( W3C )
• コミュニティ活動
• html5j スタッフ
• Google Developer Expert ( HTML5 )
Copyright © NTT Communications Corporation. All rights reserved.
Today’s main idea
3
• WebRTC について、マーケットの状況、技術動向お
よび活用動向を紹介
Copyright © NTT Communications Corporation. All rights reserved. 4
WebRTC とは?
Copyright © NTT Communications Corporation. All rights reserved.
WebRTC とは?
• Web Real Time Communication
- Web でリアルタイム通信を行うための機能
- ブラウザでテレビ会議サービスを簡単に作れるようになる
5
Copyright © NTT Communications Corporation. All rights reserved.
WebRTC Sample Demo on SkyWay
6
http://skyway-demo.paas.jp-e1.cloudn-service.com/
Copyright © NTT Communications Corporation. All rights reserved. 7
Status
of the
Market
Copyright © NTT Communications Corporation. All rights reserved.
WebRTC is in Early Adapters Status.
8
WebRTC Conference Japan
基調講演( ORACLE Douglas 氏)資料より
http://www.slideshare.net/WebRTCConferenceJapan/01-web-rtckeynotefebruary2015oracledouglas
Copyright © NTT Communications Corporation. All rights reserved.
Expectation for the potential users
9
http://www.disruptive-analysis.com/webrtc.htm
Copyright © NTT Communications Corporation. All rights reserved.
The WebRTC Landscape Infographic–June 2014
by CIO2CMO
10
Copyright © NTT Communications Corporation. All rights reserved.
The WebRTC Landscape Infographic–June 2014
by CIO2CMO (cont.)
11
Copyright © NTT Communications Corporation. All rights reserved.
The WebRTC Landscape Infographic–June 2014
by CIO2CMO (cont.)
12
Copyright © NTT Communications Corporation. All rights reserved.
Expected Use Cases
13
Copyright © NTT Communications Corporation. All rights reserved.
Expected Use Cases (cont.)
14
Copyright © NTT Communications Corporation. All rights reserved.
Use Cases on live
15
http://techcrunch.com/2015/01/28/this-is-webrtcs-yearor-is-it/
Copyright © NTT Communications Corporation. All rights reserved.
Amazon’s Mayday
16
http://techcrunch.com/2013/09/24/amazon-introduces-mayday-a-unique-and-amazingly-useful-live-tech-support-system-for-kindle/
Copyright © NTT Communications Corporation. All rights reserved.
AMEX’s live video chat
17
http://www.mobilemarketer.com/cms/news/video/17185.html
Copyright © NTT Communications Corporation. All rights reserved. 18
WebRTC の
インパクト
destructive
innovation
Copyright © NTT Communications Corporation. All rights reserved.
WebRTC のメリット
“ テレビ会議サービスが、
安価 ”に作れるようになる
19
Copyright © NTT Communications Corporation. All rights reserved.
安価に作れる理由
• テレビ電話機能の実装不要
• サーバーコストが安くすむ
• サービスの拡張・展開が容易
• 導入・メンテナンスコストを抑えられる
20
Copyright © NTT Communications Corporation. All rights reserved.
安価に作れる理由
• テレビ電話機能の実装不要
• サーバーコストが安くすむ
• サービスの拡張・展開が容易
• 導入・メンテナンスコストを抑えられる
21
テレビ電話
機能
テレビ電話
機能
開発
プログラム
API
Copyright © NTT Communications Corporation. All rights reserved.
例えば SkyWay を使うと
22
Copyright © NTT Communications Corporation. All rights reserved.
安価に作れる理由
• テレビ電話機能の実装不要
• サーバーコストが安くすむ
• サービスの拡張・展開が容易
• 導入・メンテナンスコストを抑えられる
23
サーバーとの
通信は最初に
繋ぐときだけ
映像・音声は
ブラウザ間で直
接
Copyright © NTT Communications Corporation. All rights reserved.
安価に作れる理由
• テレビ電話機能の実装不要
• サーバーコストが安くすむ
• サービスの拡張・展開が容易
• 導入・メンテナンスコストを抑えられる
24
Copyright © NTT Communications Corporation. All rights reserved.
Browser support の進展
25
https://temasys.atlassian.net/wiki/di
splay/TWPP/WebRTC+Plugins
http://blogs.skype.com/2014/10/2
7/bringing-interoperable-real-time-
communications-to-the-web/
http://www.webrtcinwebkit.org/
Copyright © NTT Communications Corporation. All rights reserved.
安価に作れる理由
• テレビ電話機能の実装不要
• サーバーコストが安くすむ
• サービスの拡張・展開が容易
• 導入・メンテナンスコストを抑えられる
26
 インストールレス
 Update 容易
Copyright © NTT Communications Corporation. All rights reserved.
テレビ電話はブラウザのデフォルト機能に
27
https://www.mozilla.org/ja/firefox/hello/
Copyright © NTT Communications Corporation. All rights reserved.
何が起こるか?
単体のテレビ電話サービスでは
お金が稼げなくなる
28
Copyright © NTT Communications Corporation. All rights reserved.
Web の進化を振り返る
2004 〜 2005 年
•Web2.0
•Web アプリケーションの登場
29
Copyright © NTT Communications Corporation. All rights reserved.
Google map
30
https://www.google.co.jp/maps
Copyright © NTT Communications Corporation. All rights reserved.
Web の進化は既存サービスの再構築
• Google Map, Facebook
• 地図アプリ、チャットアプリ
• 利便性の向上
• マーケット/パイの拡大
• 他サービスとの連携
• 路線検索、グルメ、 YouTube 、ゲーム、 Fitness 、・・・
31
サービス品質、ユーザー体験の向上
新たなマーケットの創造
社会問題の解決
Copyright © NTT Communications Corporation. All rights reserved.
WebRTC の文脈で考える
32
WebRTC の登場
単体のテレビ会議サービスは価格破壊
既存の機能やサービスとの結合
テレビ会議機能を活用した新たなサービスの創造
社会問題の解決
Copyright © NTT Communications Corporation. All rights reserved. 33
ケース
スタディ
Copyright © NTT Communications Corporation. All rights reserved.
コンタクトセンターソリューション
34
http://webrtcconference.jp/session/
Copyright © NTT Communications Corporation. All rights reserved.
コンタクトセンターソリューション( cont. )
• アクセス履歴より、お客様の問い合わせ導線が知れる
• お客様が、サポートスタッフを容易に選択できる
• 故障箇所や、不明箇所をお客様がビデオ送信できる
35
問い合わせ時のユーザー体験向上
チャネルごとの分断解消
サポート時間の短縮
Copyright © NTT Communications Corporation. All rights reserved.
何が言えるか?
テレビ電話機能は、コモディティ化
⇨ トータルソリューションとしてどんな価値を提供できるか?
36
Copyright © NTT Communications Corporation. All rights reserved.
テレプレゼンス
37
http://www.romotive.jp/
http://www.doublerobotics.com/
Copyright © NTT Communications Corporation. All rights reserved.
エンターティメントサービスの拡充
38
https://www.youtube.com/watch?v=F3HIHqe7128
Copyright © NTT Communications Corporation. All rights reserved.
社会問題の解決
39
http://www.doublerobotics.com/education/
Copyright © NTT Communications Corporation. All rights reserved. 40
NTT Communications の
取り組み
Copyright © NTT Communications Corporation. All rights reserved.
開発フレームワークの提供( SkyWay )
41
http://nttcom.github.io/skyway/
Copyright © NTT Communications Corporation. All rights reserved.
各種ユースケースの提案
42
http://works.html5experts.jp/
Copyright © NTT Communications Corporation. All rights reserved.
WebRTC 技術 / ビジネスの啓蒙
43
http://webrtcconference.jp/
https://atnd.org/events/60983
Copyright © NTT Communications Corporation. All rights reserved.
まとめ
• WebRTC の紹介
• Web でテレビ会議サービスを簡易に作れる機能
• マーケット状況
• Early Adapters ステージ
• Amazon, AMEX など具体的なサービスも
• ビジネスインパクト
• テレビ会議サービス単体で見ると、価格破壊
• 様々な機能・サービスと結合することで新たなマーケットが
• ケーススタディ
• コンタクトセンター
• テレプレゼンス
• NTT Communications の取り組み
• SkyWay, ユースケース提案、啓蒙活動
44

14th apr2015 リックテレコ勉強会

  • 1.
    Copyright © NTTCommunications Corporation. All rights reserved. WebRTC 技術動向  および活用動向 NTT コミュニケーションズ株式会社   技術開発部 Web コアテクニカルユニット    Web アプリケーション エバンジェリスト   小松健作 2015.4.15 WebRTC 勉強会
  • 2.
    Copyright © NTTCommunications Corporation. All rights reserved. 自己紹介 2 • 小松健作 • NTT コミュニケーションズ • 技術開発部 • Web アプリケーションエバンジェリスト • 最新 Web 技術の研究開発に従事 • WebRTC ( SkyWay ) • 標準化活動( W3C ) • コミュニティ活動 • html5j スタッフ • Google Developer Expert ( HTML5 )
  • 3.
    Copyright © NTTCommunications Corporation. All rights reserved. Today’s main idea 3 • WebRTC について、マーケットの状況、技術動向お よび活用動向を紹介
  • 4.
    Copyright © NTTCommunications Corporation. All rights reserved. 4 WebRTC とは?
  • 5.
    Copyright © NTTCommunications Corporation. All rights reserved. WebRTC とは? • Web Real Time Communication - Web でリアルタイム通信を行うための機能 - ブラウザでテレビ会議サービスを簡単に作れるようになる 5
  • 6.
    Copyright © NTTCommunications Corporation. All rights reserved. WebRTC Sample Demo on SkyWay 6 http://skyway-demo.paas.jp-e1.cloudn-service.com/
  • 7.
    Copyright © NTTCommunications Corporation. All rights reserved. 7 Status of the Market
  • 8.
    Copyright © NTTCommunications Corporation. All rights reserved. WebRTC is in Early Adapters Status. 8 WebRTC Conference Japan 基調講演( ORACLE Douglas 氏)資料より http://www.slideshare.net/WebRTCConferenceJapan/01-web-rtckeynotefebruary2015oracledouglas
  • 9.
    Copyright © NTTCommunications Corporation. All rights reserved. Expectation for the potential users 9 http://www.disruptive-analysis.com/webrtc.htm
  • 10.
    Copyright © NTTCommunications Corporation. All rights reserved. The WebRTC Landscape Infographic–June 2014 by CIO2CMO 10
  • 11.
    Copyright © NTTCommunications Corporation. All rights reserved. The WebRTC Landscape Infographic–June 2014 by CIO2CMO (cont.) 11
  • 12.
    Copyright © NTTCommunications Corporation. All rights reserved. The WebRTC Landscape Infographic–June 2014 by CIO2CMO (cont.) 12
  • 13.
    Copyright © NTTCommunications Corporation. All rights reserved. Expected Use Cases 13
  • 14.
    Copyright © NTTCommunications Corporation. All rights reserved. Expected Use Cases (cont.) 14
  • 15.
    Copyright © NTTCommunications Corporation. All rights reserved. Use Cases on live 15 http://techcrunch.com/2015/01/28/this-is-webrtcs-yearor-is-it/
  • 16.
    Copyright © NTTCommunications Corporation. All rights reserved. Amazon’s Mayday 16 http://techcrunch.com/2013/09/24/amazon-introduces-mayday-a-unique-and-amazingly-useful-live-tech-support-system-for-kindle/
  • 17.
    Copyright © NTTCommunications Corporation. All rights reserved. AMEX’s live video chat 17 http://www.mobilemarketer.com/cms/news/video/17185.html
  • 18.
    Copyright © NTTCommunications Corporation. All rights reserved. 18 WebRTC の インパクト destructive innovation
  • 19.
    Copyright © NTTCommunications Corporation. All rights reserved. WebRTC のメリット “ テレビ会議サービスが、 安価 ”に作れるようになる 19
  • 20.
    Copyright © NTTCommunications Corporation. All rights reserved. 安価に作れる理由 • テレビ電話機能の実装不要 • サーバーコストが安くすむ • サービスの拡張・展開が容易 • 導入・メンテナンスコストを抑えられる 20
  • 21.
    Copyright © NTTCommunications Corporation. All rights reserved. 安価に作れる理由 • テレビ電話機能の実装不要 • サーバーコストが安くすむ • サービスの拡張・展開が容易 • 導入・メンテナンスコストを抑えられる 21 テレビ電話 機能 テレビ電話 機能 開発 プログラム API
  • 22.
    Copyright © NTTCommunications Corporation. All rights reserved. 例えば SkyWay を使うと 22
  • 23.
    Copyright © NTTCommunications Corporation. All rights reserved. 安価に作れる理由 • テレビ電話機能の実装不要 • サーバーコストが安くすむ • サービスの拡張・展開が容易 • 導入・メンテナンスコストを抑えられる 23 サーバーとの 通信は最初に 繋ぐときだけ 映像・音声は ブラウザ間で直 接
  • 24.
    Copyright © NTTCommunications Corporation. All rights reserved. 安価に作れる理由 • テレビ電話機能の実装不要 • サーバーコストが安くすむ • サービスの拡張・展開が容易 • 導入・メンテナンスコストを抑えられる 24
  • 25.
    Copyright © NTTCommunications Corporation. All rights reserved. Browser support の進展 25 https://temasys.atlassian.net/wiki/di splay/TWPP/WebRTC+Plugins http://blogs.skype.com/2014/10/2 7/bringing-interoperable-real-time- communications-to-the-web/ http://www.webrtcinwebkit.org/
  • 26.
    Copyright © NTTCommunications Corporation. All rights reserved. 安価に作れる理由 • テレビ電話機能の実装不要 • サーバーコストが安くすむ • サービスの拡張・展開が容易 • 導入・メンテナンスコストを抑えられる 26  インストールレス  Update 容易
  • 27.
    Copyright © NTTCommunications Corporation. All rights reserved. テレビ電話はブラウザのデフォルト機能に 27 https://www.mozilla.org/ja/firefox/hello/
  • 28.
    Copyright © NTTCommunications Corporation. All rights reserved. 何が起こるか? 単体のテレビ電話サービスでは お金が稼げなくなる 28
  • 29.
    Copyright © NTTCommunications Corporation. All rights reserved. Web の進化を振り返る 2004 〜 2005 年 •Web2.0 •Web アプリケーションの登場 29
  • 30.
    Copyright © NTTCommunications Corporation. All rights reserved. Google map 30 https://www.google.co.jp/maps
  • 31.
    Copyright © NTTCommunications Corporation. All rights reserved. Web の進化は既存サービスの再構築 • Google Map, Facebook • 地図アプリ、チャットアプリ • 利便性の向上 • マーケット/パイの拡大 • 他サービスとの連携 • 路線検索、グルメ、 YouTube 、ゲーム、 Fitness 、・・・ 31 サービス品質、ユーザー体験の向上 新たなマーケットの創造 社会問題の解決
  • 32.
    Copyright © NTTCommunications Corporation. All rights reserved. WebRTC の文脈で考える 32 WebRTC の登場 単体のテレビ会議サービスは価格破壊 既存の機能やサービスとの結合 テレビ会議機能を活用した新たなサービスの創造 社会問題の解決
  • 33.
    Copyright © NTTCommunications Corporation. All rights reserved. 33 ケース スタディ
  • 34.
    Copyright © NTTCommunications Corporation. All rights reserved. コンタクトセンターソリューション 34 http://webrtcconference.jp/session/
  • 35.
    Copyright © NTTCommunications Corporation. All rights reserved. コンタクトセンターソリューション( cont. ) • アクセス履歴より、お客様の問い合わせ導線が知れる • お客様が、サポートスタッフを容易に選択できる • 故障箇所や、不明箇所をお客様がビデオ送信できる 35 問い合わせ時のユーザー体験向上 チャネルごとの分断解消 サポート時間の短縮
  • 36.
    Copyright © NTTCommunications Corporation. All rights reserved. 何が言えるか? テレビ電話機能は、コモディティ化 ⇨ トータルソリューションとしてどんな価値を提供できるか? 36
  • 37.
    Copyright © NTTCommunications Corporation. All rights reserved. テレプレゼンス 37 http://www.romotive.jp/ http://www.doublerobotics.com/
  • 38.
    Copyright © NTTCommunications Corporation. All rights reserved. エンターティメントサービスの拡充 38 https://www.youtube.com/watch?v=F3HIHqe7128
  • 39.
    Copyright © NTTCommunications Corporation. All rights reserved. 社会問題の解決 39 http://www.doublerobotics.com/education/
  • 40.
    Copyright © NTTCommunications Corporation. All rights reserved. 40 NTT Communications の 取り組み
  • 41.
    Copyright © NTTCommunications Corporation. All rights reserved. 開発フレームワークの提供( SkyWay ) 41 http://nttcom.github.io/skyway/
  • 42.
    Copyright © NTTCommunications Corporation. All rights reserved. 各種ユースケースの提案 42 http://works.html5experts.jp/
  • 43.
    Copyright © NTTCommunications Corporation. All rights reserved. WebRTC 技術 / ビジネスの啓蒙 43 http://webrtcconference.jp/ https://atnd.org/events/60983
  • 44.
    Copyright © NTTCommunications Corporation. All rights reserved. まとめ • WebRTC の紹介 • Web でテレビ会議サービスを簡易に作れる機能 • マーケット状況 • Early Adapters ステージ • Amazon, AMEX など具体的なサービスも • ビジネスインパクト • テレビ会議サービス単体で見ると、価格破壊 • 様々な機能・サービスと結合することで新たなマーケットが • ケーススタディ • コンタクトセンター • テレプレゼンス • NTT Communications の取り組み • SkyWay, ユースケース提案、啓蒙活動 44