展示ごとでM5StackをMQTTで複数台連動させた話

by 1ft-seabass

Slide 1

Slide 1 text

M5Stackユーザーミーティング vol.1 展示ごとでM5StackをMQTTで複数台連動させた話ワンフットシーバス田中正吾

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

自己紹介

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

こんな展示をしてきた

Slide 6

Slide 6 text

ロウソクの色がカラーセンサー経由でいろいろなIoTデバイスを同期していくネタ現場では参加者に直接体験してもらって私は説明をしていくスタイル明星和楽2018でIoT＆MixedReality展示をしてきました https://www.1ft-seabass.jp/memo/2018/04/03/myojowaraku-2018-report01/ ブログにもまとめてます！

Slide 7

Slide 7 text

まず1つはNefry BTで見れるIoTデバイス NefryBT＋テープLEDがカラー連動する。照明IoTといったものと見立てる。カラー連動する

Slide 8

Slide 8 text

HoloLensでは空間の壁とIoTを連携させる空間認識した部屋の壁がカラー連動する。インテリアの検討とかを想起させた。 HoloLensでも壁が赤く変化赤くカラー変更されるピンクで桜吹雪が空間に舞い散ったりも

Slide 9

Slide 9 text

Nefry BT「電子工作で手軽に現実を変化」と HoloLens「空間に情報が加えれる」で話の振れ幅が大きいユーザーにスムーズに説明がしにくいので良い感じの中間IoTデバイスがほしい Nefry BT HoloLens

Slide 10

Slide 10 text

手元で伝えやすいIoTデバイスの選定に悩んでいた

Slide 11

Slide 11 text

そこでIoTデバイスM5Stack導入！ Nefry BT HoloLens M5Stack

Slide 12

Slide 12 text

コンパクトで手渡しても大丈夫なしっかりしたパッケージがあるM5Stack 基盤むき出しというのはパッと渡しにくい悩ましさがあるときも多い

Slide 13

Slide 13 text

ディスプレイでわかりやすく IoTのデータの変化を伝えやすいM5Stack WEBフロントエンドでユーザー向けアニメーションを作ってるときと似てる

Slide 14

Slide 14 text

IoTにしやすいESP32の知見も活かせてつまづきにくい開発ができる ESP32文献が活かせるので安心感がある M5Stack ESP32

Slide 15

Slide 15 text

ということで展示でも使った M5StcakとMQTTの連携デモしてみます

Slide 16

Slide 16 text

M5StackとNode-REDをMQTTで連携するメモ https://www.1ft-seabass.jp/memo/2018/05/10/m5stack-meets-nodered-with-mqtt/ RED さくらのクラウドにあるNode-REDから M5Stackに指示を出す仕組みです下記のURLに基礎の作り方が書いてあります。ご興味がある方はどうぞ！

Slide 17

Slide 17 text

こんな風に動きますまずは3つ動かした動画

Slide 18

Slide 18 text

ではやってみます！

Slide 19

Slide 19 text

M5Stackがうまく伝達の狭間を取り持ってくれてとても伝えやすくなった！

Slide 20

Slide 20 text

➔M5Stackを展示で使ったまとめ ◆パッケージがしっかりして手渡しで見せることが出来る ◆大きなディスプレイがありデータの流れを伝えやすい ◆従来のESP32の知見を使うことができ安心して開発しやすい