Communication×Hack 事前スライド...

32
Copyright © NTT Communications Corporation. All rights reserved. Transform your business, transcend expectations with our technologically advanced solutions. Communication×Hack WebRTCで 次世代のコミュニケーションを Hackする NTTコミュニケーションズ 技術開発部 ⼤津⾕ 亮祐 @rotsuya 2016年9⽉2⽇

Transcript of Communication×Hack 事前スライド...

Page 1: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

Copyright © NTT Communications Corporation. All rights reserved.

Transform your business, transcend expectations with our technologically advanced solutions.

Communication×Hack

WebRTCで次世代のコミュニケーションをHackする NTTコミュニケーションズ

技術開発部⼤津⾕ 亮祐@rotsuya

2016年9⽉2⽇

Page 2: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

知ってますか?

Page 3: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

Web IPネットワーク上のReal Time 時差がほとんどない

Communication 通信 / 意思疎通

Page 4: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

1876年にベルが電話を発明。以降、電話会社がリアルタイム・コミュニケーションを独占。

www.flickr.com/photos/mattb_tv/2550476978

Page 5: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

2000年前後にNapsterやSkypeが登場スーパーハッカーが

独占を壊した

www.flickr.com/photos/132889348@N07/18410514419

Page 6: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

“リアルタイム・コミュニケーションの⺠主化”2011年にWebRTCが発表され、すべてのソフトウェアエンジニアがリアルタイム・コミュニケーションを扱えるようになった

www.flickr.com/photos/tjflex/57210112

Page 7: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

WebRTCの特徴

Page 8: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

特徴1 通話と通信、2つの機能①意思疎通(=ビデオ/⾳声通話)と②通信(=P2Pデータ通信)の2つの機能を備える

Page 9: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

特徴2 マルチプラットフォームiOS, Android, Webブラウザで利⽤できる(Raspberry Piでも!)

Page 10: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

WebRTCの特徴3 シンプルなユーザ体験Webサイトやアプリの中で利⽤できる。SkypeやLINE等の他社アプリのインストールや起動が不要。

Page 11: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

WebRTCは、エンジニアにとってもビジネスにとっても有⽤なツールになる

Page 12: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

事前ワーク

Page 13: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

事前ワークWebRTCを使って作りたいものを考えてきてください。アイデア発想のコツは「質より量」。まずはできるだけ多くのアイデアを考え、その中から選ぶことをおススメします。

➔ヒントは次ページ以降に

Page 14: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

意思疎通 通信

WebRTCの特徴1を思い出してみる

Page 15: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

意思疎通 通信

Page 16: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

意思疎通(双⽅向) 通信意思疎通

(⼀⽅向)

意思疎通を2つに分類してみる

Page 17: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

2

映像/⾳声配信

1

ビデオ/⾳声通話

3

P2Pデータ通信

この3つに分けて発想してみる

Page 18: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

1. ビデオ/⾳声通話の事例

Page 19: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

19appear.in

appea.inインストール不要、ログイン不要のビデオチャットhttps://appear.in

Page 20: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

資⽣堂おうちで美容相談ビデオチャットで美容相談http://www.shiseido.co.jp/webbc/

www.rakuten-life.co.jp/videochat/

Page 21: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

イカデンワスプラトゥーン専⽤“勝⼿”ボイスチャットhttps://ikadenwa.ink

ikadenwa.ink

Page 22: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

ECCオンライン英会話Skypeのダウンロード、インストール、サインアップ、サインイン、連絡先への追加が不要。http://online.ecc.co.jp/

Page 23: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

CLINICS遠隔医療https://clinics.medley.life

clinics.medley.life

Page 24: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

楽天⽣命ネット保険デスクビデオチャットで⽣命保険の相談http://www.rakuten-life.co.jp/videochat/

www.rakuten-life.co.jp/videochat/

Page 25: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

ロンリー出会いアプリhttps://itunes.apple.com/jp/app/ronri-wan-quan-wu-liaorandamu/id1083978899?mt=8https://play.google.com/store/apps/details?id=jp.co.i_bec.happymailapp&hl=ja

www.rakuten-life.co.jp/videochat/

Page 26: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

2. 映像/⾳声配信の事例

Page 27: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

Withings Homeおしゃれな⾒守りカメラhttps://www.withings.com/jp/ja/products/home

www.rakuten-life.co.jp/videochat/

Page 28: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

映像配信の解説記事WebRTCを配信に活⽤する事例はまだ少ないhttps://html5experts.jp/mganeko/11444/

www.rakuten-life.co.jp/videochat/

Page 29: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

3. P2Pデータ通信の事例

Page 30: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

SkyShareブラウザで合⾔葉を使ってファイルを送受信https://share.skyway.io

近⽇公開

Page 31: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

MistCDNP2Pを使って4K映像を分散ダウンロードhttps://www.mist-t.co.jp/mistcdn

fod.fujitv.co.jp/s/fodlabo/

Page 32: Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜

BananaBreadFPS(⼀⼈称視点シューティング)ゲームhttp://people.mozilla.org/~vladimir/misc/bench-new/

fod.fujitv.co.jp/s/fodlabo/