44
移転パーティ!MCmeetup#01IoTAIで変わるWebの未来」 なにかが起きるで考えるWEB、そして IoTMixed Reality ワンフットシーバス 田中正吾

なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Embed Size (px)

Citation preview

Page 1: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

移転パーティ!MCmeetup#01「IoT・AIで変わるWebの未来」

なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

ワンフットシーバス 田中正吾

Page 2: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

私の話はスライドを後ほど共有します。話す内容に注力いただいて大丈夫です!

Page 3: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

自己紹介

Page 4: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

田中正吾(たなかせいご)屋号:ワンフットシーバス

2004年よりフリーランス。以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。最近は、JavaScriptやHTML5アニメーション、スマートフォン演出制作のワークフロー改善に関わったりしていました。デジタルサイネージやアプリ制作もやります。

Page 5: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

WEB

Page 6: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Web

Page 7: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Webとはつまり情報の流れ

Page 8: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

代表的なデータの流れ

Page 9: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

なにかが起こる=ボタン

Page 10: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

WEBのボタン

Page 11: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

WEB上のいろいろなきっかけをボタンは生じさせる

Page 12: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

PCからスマホの利用シーン拡大もあり

Page 13: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

すぐにボタンから情報に触れれるようになった

Page 14: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

いまや手元のスマホですぐにいろいろな情報が行き来する

Page 15: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Webは情報の流れつくる良き接着剤である

Page 16: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

IoT

Page 17: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Internet of Things

デバイスというモノや物事(アクション)をインターネットとつなげて

見えないものが見えたり(=可視化)より便利になったりすること

デバイス WEB デバイス WEB

Page 18: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

IoTのボタン

Page 19: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

なんと電源不要で動くボタン押し込む力で発電した電気で情報を飛ばせる

Page 20: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

ボタンが押された情報で遠隔でLEDなどが動作します

Page 21: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

デモ

Page 22: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

PC・スマホから飛び出してWEBの力でデバイスやセンサーと連携

Page 23: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Mixed Reality(HoloLens)

Page 24: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

HoloLens

Page 25: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Microsoftが発売した初の自己完結型ホログラフィックコンピュータ

Page 26: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

透過性のメガネで、ざっくりいうと半分だけ現実世界に3D映像を加えれる

Page 27: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

つまり空間に

Page 28: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

つまり空間に情報が

Page 29: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

つまり空間に情報が可視化できる

Page 30: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

空間全部で可視化できる自分で取捨選択できるし、もはやインテリアに近い

HoloLensOUTPUT

Page 31: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

空間全部に入力にできる「現実の何かをアクションする」ことの可視化もできる

HoloLensINPUT

Page 32: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

HoloLensデモHoloLens上で表示されたWEBのボタンからデバイスが動く

Page 33: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Mixed RealityではWebが関わることで空間と情報の親和性が高くなる

Mixed Reality

Page 34: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

発展:現実空間と仮想空間を行き来する

HoloLensとCreateJSをMilkcocoaで連携して現実空間と仮想空間を行き来するメモhttp://www.1ft-seabass.jp/memo/2017/02/13/hololens_createjs_milkcocoa_first_contact/

Page 35: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

発展:現実空間と仮想空間を行き来する

HoloLensと照明API DALIの連携をしてきたメモhttp://www.1ft-seabass.jp/memo/2017/04/09/hololens-dali-api-first-contact/

Page 36: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

まとめ

Page 37: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

ボタンを軸にお伝えしました

Page 38: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Webは情報の流れつくる良き接着剤である

Page 39: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

IoTによってPC画面より外の情報にWebが関わりやすくなった!

PC WEB制作 スマホ WEB制作 IoT

Page 40: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

ホ WEB制作 IoT Mixed Reality

Mixed Realityでは空間そのものにWebが関わることまでできるように!

Page 41: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

Webに引き込めばこちらのもの!感ある分かりやすさや使いやすさなど情報の流れを整えられるWEB知識は重宝される

Page 42: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

情報をより良く整えて届ける現在のいろいろなWEB知見を軸に!

Page 43: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

今後もWEBがいろいろな未来を照らしていける可能性を感じます!

Page 44: なにかが起きるで考えるWEB、そしてIoT・Mixed Reality

ご清聴いただきましてありがとうございました!