20181127_obniz×M5Stack×NefryBT 3Devices Meetup!

obniz×M5Stack×NefryBT三つ巴Meetup!【ESP32開発ボードLT祭】「obniz M5Stack NefryBT 全部動かしてみるぞ！」の登壇資料です。

◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！

・シルエットデザイン http://kage-design.com/
・human pictogram 2.0 http://pictogram2.com
・ICOOON MONO http://icooon-mono.com/

Transcript

1. obniz×M5Stack×NefryBT三つ巴Meetup! obniz M5Stack NefryBT 全部動かしてみるぞ！ ワンフットシーバス 田中正吾
2. 私の話はスライドを後ほど共有します。 話す内容に注力いただいて大丈夫です！
3. 自己紹介
4. 田中正吾（たなかせいご） 屋号：ワンフットシーバス 2004年よりフリーランス。以後、FLASH制作を 中心にインタラクティブコンテンツを主に行い 現在に至る。 最近ではWEBフロントエンドをベースにしなが らも、情報とインターフェースが合わさるアプ ローチという視点でIoTやMixed Realityといっ た技術も取り入れながら活動しています。
5. うごかしてみるぞ
6. NefryBT / M5Stack / obniz DD（どれでもダイスキ）枠で話ささせていただきます！ pressed A
7. それぞれだいぶ動かせるようになってきました
8. 3デバイスの通りIoTデバイスも使いやすくなり 複数で試すのも面白い時期！ pressed A
9. 今日はこれらをぐるぐると連携します！
10. ぐるぐると連携？
11. まず3デバイスともMQTTで連携できるので 中心にクラウド（Node-RED）を置く
12. デバイスに命令を出すと次のデバイスへ伝わる Node-REDが中心で橋渡しをしているが、全体を一斉に指示ではなく情報をあくまで個々のリレー RED
13. M5Stack→NefryBTと情報がさらにobnizへ M5Stackの各ボタンを押すとカラーが飛んでいきNefryBTとobnizでテープLEDが光る！ RED
14. そしてobnizから元のM5Stackへと 情報が戻ってくると・・・！ RED
15. 無限ループでぐるぐると デバイスで情報の輪ができる！ RED
16. ひとつでも欠けると輪ができない！
17. 3デバイスを循環した回数が各デバイスに表示！ red 34
18. M5Stackの3ボタンを起点に動く！ 赤・青・緑の指示が飛んでいきます！M5Stack自体もカラーが同期！ blue 24
19. obnizとNefryBT は ディスプレイとテープLEDが動作します
20. うまくいけばNefryBTのボタンで パーティーモードも発動できるかも クリスマスのイメージで光ります！
21. obnizはスピードアップ＆消灯指示！ はたしてここまでうまくいくか！？
22. まずは動画で
23. では動かしてみましょう！
24. M5Stackのディスプレイとボタンは 動作の起点にしやすさはたまらない！ Yeah!!!!!!!!
25. Node-REDが中継役だが 循環を考慮した実装がとても勉強になった 改良してバッティングしなくなったが複数情報を循環するとカウントアップがカオスになる
26. obnizをブラウザからMQTTするために MQTT over WebSocketを初めて使った ちょっと作法にクセがあるがプロトコルが全部同じにできたのは素敵
27. テープLED挙動を同じように書くのは楽しい obnizはJavaScriptで配列を入れる形で書く、NefryBTはJSONを解釈しArduino Cで書く
28. IoTデバイスを複数で試すのも面白い時期！ 情報をぐるぐる回してみた！ データを中央集権的に集める形から分散して処理をする世界が少し垣間見えて楽しかった
29. 今後もマルチにデバイスを動かして いろいろな情報と連携したい！ pressed A
30. ご清聴いただきまして ありがとうございました！