20191203_Adobe MAX Japan 2019 Short Sessions Tanaka Seigo

by 1ft-seabass

Slide 1

Slide 1 text

[サブタイトル] [タイトル] ワンフットシーバス田中正吾 Adobe MAX Japan 2019 Short Sessions XDプラグインでIoTやVRとも連携して感じる未来の話！ワンフットシーバス田中正吾

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

田中正吾（たなかせいご）屋号：ワンフットシーバス 2004年よりフリーランス。以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。最近ではWEBフロントエンドをベースにしながらも、情報とインターフェースが合わさるアプローチという視点でIoTやMixed Realityといった技術も取り入れながら活動しています。

Slide 4

Slide 4 text

Adobe XDはプラグイン機能でいろいろな機能が加えることができる

Slide 5

Slide 5 text

APIリファレンスのトップページに分かりやすい図がある https://adobexdplatform.com/plugin-docs/reference/reference-index.html

Slide 6

Slide 6 text

いろいろあるのですが注目はNetwork I/O部分引用元： https://adobexdplatform.com/plugin-docs/reference/reference-index.html

Slide 7

Slide 7 text

Web Sockets・HTTP関連がある https://adobexdplatform.com/plugin-docs/reference/uxp/network-index.html

Slide 8

Slide 8 text

これでAdobe XDのデータが外へ飛び出せる！

Slide 9

Slide 9 text

今回はAdobe XDの操作情報を（ほぼ）リアルタイムに外にお知らせどんな名前のオブジェクトを選択したか・オブジェクトに何色を設定したかなど Adobe XD

Slide 10

Slide 10 text

こんなかんじ

Slide 11

Slide 11 text

今回はAdobe XDの操作情報を（ほぼ）リアルタイムに外にお知らせどんな名前のオブジェクトを選択したか・オブジェクトに何色を設定したかなど

Slide 12

Slide 12 text

Node-REDという外部の受け皿がいい具合に伝えてくれます Adobe XD Node-RED HoloLens IoT

Slide 13

Slide 13 text

IoTの場合自作のLEDライト

Slide 14

Slide 14 text

IoTの場合自作のLEDライト

Slide 15

Slide 15 text

VRデバイス HoloLens の場合 HoloLensごしに見えるデータ空間で

Slide 16

Slide 16 text

VRデバイス HoloLens の場合 HoloLensごしに見えるデータ空間のパーツが連動

Slide 17

Slide 17 text

動画をみてみましょう

Slide 18

Slide 18 text

IoTのエクストラ Adobe XDでIoTカーが制御できるかも！

Slide 19

Slide 19 text

動画をみてみましょう

Slide 20

Slide 20 text

早速やってみましょう！

Slide 21

Slide 21 text

いろいろと考えてみる

Slide 22

Slide 22 text

Adobe XDはすでにVoiceUIとの連携ができるが今回の拡張で様々なプロトタイプに可能性を感じる

Slide 23

Slide 23 text

IoTにも実はUIが必要になるケースは多くそういった試行錯誤にも使えそう

Slide 24

Slide 24 text

平面と立体という違いはあるが今回のように3Dでの試行錯誤にも使えるかも

Slide 25

Slide 25 text

試行錯誤を手軽にして早く先が見えてより良く作り続ける未来を感じる！

Slide 26

Slide 26 text

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