展示ごとで役に立ったNode-RED実装

Node-RED UG Osaka 勉強会＆懇親会 vol.1 Osakaキックオフ「展示ごとで役に立ったNode-RED実装」の登壇資料です。

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

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

Transcript

1. Node-RED UG Osaka 勉強会＆懇親会 vol.1 「Osakaキックオフ」 展示ごとで役に立ったNode-RED実装 ワンフットシーバス 田中正吾
2. 私の話はスライドを後ほど共有します。 話す内容に注力いただいて大丈夫です！
3. まず
4. Node-RED UG Osaka
5. Node-RED UG Osaka 発足おめでとうございます！ 岡田さんとは年末くらいからやりとりしてまして発足 vol.1 で呼んでいただいて嬉しいです！
6. 登壇はじめて 行きたいと思います
7. 自己紹介
8. 田中正吾（たなかせいご） 屋号：ワンフットシーバス 2004年よりフリーランス。以後、FLASH制作を 中心にインタラクティブコンテンツを主に行い 現在に至る。 最近は、最近ではWEBフロントエンドをベース にしながらも、情報とインターフェースが合わ さるアプローチという視点でIoTやMixed Realityといった技術も取り入れながら活動して います。
9. 東京のユーザーグループでは運営スタッフとして 司会、当日への進行役などをしてます！
10. 展示で役に立ったNode-RED実装
11. 登壇でのデモや展示をする機会に Node-REDを使っています
12. とあるリアルタイム可視化展示 ESP32デバイスにたくさんセンサーつけてセンシングするブック型デバイスのデータを可視化する
13. リアルタイム可視化展示 Node-REDのdashboardノードで簡単に可視化出来る
14. HoloTakibi NefryBTできた現実のIoTたき火デバイスとHoloLensが連携してたき火体験ができるデバイス
15. HoloTakibi 実際の動画を見てみましょう
16. EnOcean・BLEとライトの魔法的連携デモ 最近電源がいらないスイッチも出てきて魔法っぽいよねという話をWEBエンジニア多めの場所で登壇
17. EnOceanとライトの連携登壇デモ こちらも動画を見てみましょう
18. この制作物の中にNode-REDあり！
19. 展示からみるNode-REDのよさ
20. 展示から見るNode-REDの良さを あらためて振り返ってみる
21. イメージをすぐ形にしやすい 構想を考えたところで視覚的に組んでみてデータを流す仕組みをつくりやすい。間違いも気付きやすい。
22. ブック型デバイスは可視化して面白みに気づく データが飛び交い実装中は自分でもイメージが出来なく不安になることが多いが見えると分かる
23. 途中でも試行錯誤がしやすい デバイスのデータのやりとりも面白みを出すための調整が生じたときも変更しやすい
24. HoloTakibiではここがありがたかった 展示場所の関係で当初の3たき火だと光量が足りなく1つに束ねると良い感じに。Node-REDだとすぐ。
25. さまざまな「つなぎ方」に対応 MQTT・シリアル通信・WebSocket・HTTPとさまざま「つなぎ方」に対応し制作を止めないで考えられる
26. 魔法的連携デモでは多彩な接続を受け止めた EnOceanはシリアル通信・振力スイッチはBLE・Nefry BTとはMQTT
27. HoloTakibiでは新しいデバイスとの連携も安心 HoloLensでは新しいゆえの情報の少なさはあったが安心感優先でHTTP通信しその先はNefry BTにMQTT接続 MQTT Node-RED NefryBT+テープLED MQTT ブローカー 点火 HoloLens Raspberry Pi HTTP
28. という思いを伝えつつも、いま実践して掘り下げる あらためてやってみると、より実感をもって話せるはず
29. ということで今日もデモをしてみましょう
30. HoloLensとNode-REDでデモ準備 HoloLens Node-RED （さくらのクラウド） 音量チェック
31. HoloLensでスイッチを押すと Node-REDによってPCがしゃべるネタ
32. こんな仕組み HoloLensのボタンからさくらのクラウドに立てたNode-REDにHTTP通信してしゃべらす HoloLens
33. デモ
34. うまくいってほしい
35. データ疎通を細かく確認できるのは良い 仮データテスト・データ内容検討・受信データ確認・ダッシュボードで最終データ確認いろいろ
36. ミスもすぐ気づける HoloLensからPOST送信してるのにNode-REDはGETで受け付けててエラーを気づけた
37. 手元で検証してのクラウド移植もしやすい 今回はまずRaspberry PiのNode-REDでフローを整えたあと落ち着いたらさくらのクラウドNode-REDに移植 Raspberry Pi Cloud
38. つながる？動く？という心配パワーを他へ活かせる 展示では見せてこそ仕上がるので現場に合わせて微調整することが多いのでありがたい
39. これからも展示の対応力を高めるため Node-REDを極めていきたい！
40. ご清聴ありがとうございました！ 今日は15:30には出なくていけないんですが、ぜひ交流したいです！