20190926 Visual Programing Meetup _
by
1ft-seabass
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
ご清聴いただきまして ありがとうございました!