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 全部動かしてみるぞ！
   ワンフットシーバス 田中正吾
   

   View Slide

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

   View Slide

3. 自己紹介
   

   View Slide

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

   View Slide

5. うごかしてみるぞ
   

   View Slide

6. NefryBT / M5Stack / obniz
   DD（どれでもダイスキ）枠で話ささせていただきます！
   pressed
   A
   

   View Slide

7. それぞれだいぶ動かせるようになってきました
   

   View Slide

8. 3デバイスの通りIoTデバイスも使いやすくなり
   複数で試すのも面白い時期！
   pressed
   A
   

   View Slide

9. 今日はこれらをぐるぐると連携します！
   

   View Slide

10. ぐるぐると連携？
    

    View Slide

11. まず3デバイスともMQTTで連携できるので
    中心にクラウド（Node-RED）を置く
    

    View Slide

12. デバイスに命令を出すと次のデバイスへ伝わる
    Node-REDが中心で橋渡しをしているが、全体を一斉に指示ではなく情報をあくまで個々のリレー
    RED
    

    View Slide

13. M5Stack→NefryBTと情報がさらにobnizへ
    M5Stackの各ボタンを押すとカラーが飛んでいきNefryBTとobnizでテープLEDが光る！
    RED
    

    View Slide

14. そしてobnizから元のM5Stackへと
    情報が戻ってくると・・・！
    RED
    

    View Slide

15. 無限ループでぐるぐると
    デバイスで情報の輪ができる！
    RED
    

    View Slide

16. ひとつでも欠けると輪ができない！
    

    View Slide

17. 3デバイスを循環した回数が各デバイスに表示！
    red 34
    

    View Slide

18. M5Stackの3ボタンを起点に動く！
    赤・青・緑の指示が飛んでいきます！M5Stack自体もカラーが同期！
    blue 24
    

    View Slide

19. obnizとNefryBT は
    ディスプレイとテープLEDが動作します
    

    View Slide

20. うまくいけばNefryBTのボタンで
    パーティーモードも発動できるかも
    クリスマスのイメージで光ります！
    

    View Slide

21. obnizはスピードアップ＆消灯指示！
    はたしてここまでうまくいくか！？
    

    View Slide

22. まずは動画で
    

    View Slide

23. では動かしてみましょう！
    

    View Slide

24. M5Stackのディスプレイとボタンは
    動作の起点にしやすさはたまらない！
    Yeah!!!!!!!!
    

    View Slide

25. Node-REDが中継役だが
    循環を考慮した実装がとても勉強になった
    改良してバッティングしなくなったが複数情報を循環するとカウントアップがカオスになる
    

    View Slide

26. obnizをブラウザからMQTTするために
    MQTT over WebSocketを初めて使った
    ちょっと作法にクセがあるがプロトコルが全部同じにできたのは素敵
    

    View Slide

27. テープLED挙動を同じように書くのは楽しい
    obnizはJavaScriptで配列を入れる形で書く、NefryBTはJSONを解釈しArduino Cで書く
    

    View Slide

28. IoTデバイスを複数で試すのも面白い時期！
    情報をぐるぐる回してみた！
    データを中央集権的に集める形から分散して処理をする世界が少し垣間見えて楽しかった
    

    View Slide

29. 今後もマルチにデバイスを動かして
    いろいろな情報と連携したい！
    pressed
    A
    

    View Slide

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

    View Slide