Slide 1

Slide 1 text

[サブタイトル] [タイトル] ワンフットシーバス 田中正吾 ビジュアルプログラミング交流会 enebular+Node-RED+Noodl ワンフットシーバス 田中正吾

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

enebular + Noodl

Slide 5

Slide 5 text

enebular + Noodl IoT フロントエンド

Slide 6

Slide 6 text

すでにナレッジ整え済み https://blog.enebular.com/enebular/enebular-meets-noodl/

Slide 7

Slide 7 text

MQTTブローカー shiftr.io もいい仕事してる

Slide 8

Slide 8 text

ここからさらにNode-REDでIoT

Slide 9

Slide 9 text

自分はNode-REDでいろいろな場所に IoT仕組みを作っている

Slide 10

Slide 10 text

Obniz 3D Feedback Hand

Slide 11

Slide 11 text

Obniz 3D Feedback Hand Grove バイブレーションがオンラインから反応

Slide 12

Slide 12 text

Obniz Remote Light 遠隔でテープLEDが反応するライト(無印良品のケースがいいかんじ)

Slide 13

Slide 13 text

このNode-REDの仕組みにつなげたい

Slide 14

Slide 14 text

ここからさらにNode-REDでIoT このままの仕組みをつなげると複雑なのでMQTTで叩くだけのシンプルな窓口を作る

Slide 15

Slide 15 text

いざデモしてみる

Slide 16

Slide 16 text

技術を面白く組み合わせて使っていくときにも ビジュアルがあるとなんとなく伝わる

Slide 17

Slide 17 text

それぞれ小さい仕組みで作っておいて こういうときにつなげられる

Slide 18

Slide 18 text

あとで見ても結構分かるので 息が長く仕組みを活かすことができる

Slide 19

Slide 19 text

技術を掛け合わせるのは楽しい IoT フロントエンド

Slide 20

Slide 20 text

技術を掛け合わせると複雑さが増すときに 素のコードが多いと心配事が多くなる それぞれ連携したり個々の動作がイケてるか

Slide 21

Slide 21 text

ビジュアルプログラミングは ブロックな概念や目で見るわかりやすさで サポートしてくれる!

Slide 22

Slide 22 text

実装のその先で見せるための面白さや やってみてのブラッシュアップに注力できる!

Slide 23

Slide 23 text

ビジュアルプログラミングは 連携や実装、いろいろと楽しい!

Slide 24

Slide 24 text

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