20190926 Visual Programing Meetup _

ビジュアルプログラミング交流会「enebular+Node-RED+Noodl」の登壇資料です。

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

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

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

4. enebular ＋ Noodl
   

   View Slide

5. enebular ＋ Noodl
   IoT
   フロントエンド
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

10. Obniz 3D Feedback Hand
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

15. いざデモしてみる
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide