Node-REDとenebular/MilkcocoaでIoTデバイスのデータ可視化

1. Node-REDとenebular/MilkcocoaでIoTデバイスのデータ可視化

2. ⾃⼰紹介
⽒名: 古城 篤（Atsushi Kojo）
所属: Node-REDユーザ会代表
株式会社ウフルCTO
特徴: 元営業マンの技術屋
nodered.jpを懸命に翻訳してます
https://nodered.jp/
Twitter: joeartsea
Blog: http://artsnet.jp/

3. Node-REDユーザ会の紹介
以下で交流してます！
https://nodered-slack.herokuapp.com/
#noderedjp
https://www.facebook.com/groups/noderedjp/
https://nodered.jp/

4. 本家ドキュメントの和訳もしてます

5. Node-REDユーザ会の様⼦
活発にイベントやってます！

6. ウフルのコミュニティ活動

7. イベント会場使ってください！

8. イベント会場使ってください！
余裕をもって100名規模！
スポンサー特典ある..かも！
2016年7⽉1⽇〜OPEN！
⾳響・WiFi・電源設備充実！

9. 直近の開催イベント（予定）
2016年9⽉28⽇: 最新のLPWAテクノロジー
「LoRa」〜LoRaの概要とIoT活⽤事例のご紹介
主催: 株式会社M2Bコミュケーションズ/ 株式会社ソラコム / 株式会社ウフル
2016年10⽉8⽇: mbed祭り 2016@秋の⻁ノ⾨
主催: mbed祭り実⾏委員会
2016年10⽉11⽇: IoT縛りの勉強会！IoT LT vol.20
主催: 菅原 のびすけ（dotstudio inc.） / ⼟屋 敬（Relations Inc.）

10. Node-RED

11. Node-REDとは
動画を⾒てください！（場合によってはデモします）
https://youtu.be/vYreeoCoQPI

12. Node-REDの概要
MQTT MQTT
Node-REDをインストールした環境
HTTP
Other
Log Sensor
HTTP
Other

13. Flowの実体はJSON
http://flows.nodered.org/flow/6c3b201624588e243f82
このJSONをコピー

14. 以下のように貼付けると…
ここにペースト

15. こうなる（Nodeがないとこうなる）

16. Nodeもプラガブルに拡張可能
input
module.exports = function(RED) {
function LowerCaseNode(config) {
RED.nodes.createNode(this,config);
var node = this;
this.on('input', function(msg) {
msg.payload = msg.payload.toLowerCase();
node.send(msg);
});
}
RED.nodes.registerType("lower-case",LowerCaseNode);
}
output
Node（プラグイン）の構造

17. NodeとFlowの推移

18. “Node-RED” Googleトレンド

19. enebularでFlow管理

20. Node-REDの使いどころ
MQTT MQTT
Node-REDをインストールした環境
HTTP
Other
Log Sensor
HTTP
Other

21. Node-REDが動く環境
Node.jsが動く環境ならどこでも
IoT hardware board
Container Cloud
Client Server

22. エッジとクラウドで動く
同じツールで異なる役割を実現できる！
IoT hardware board
Container Cloud
Client Server

23. 分散したNode-RED環境の連携
こんなこともできておもしろい！
Cloud
IoT hardware board
IoT hardware board
IoT hardware board
Message Broker
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
Visualization
Notification
クラウドエッジ
Dashboard
Slack
Learning

24. enebularは分散環境を管理をする
Cloud
IoT hardware board
IoT hardware board
IoT hardware board
Message Broker
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
Visualization
Notification
クラウドエッジ
Dashboard
Slack
Learning
Deploy Flow
Deploy Flow

25. 作ったFlow管理（公開もできる）

26. あらゆる環境にFlowをデプロイ

27. enebularとMilkcocoaでデータ可視化

28. やっぱりデータ可視化したい！
Cloud
IoT hardware board
IoT hardware board
IoT hardware board
Message Broker
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
MQTT Pub/Sub
Visualization
Notification
Dashboard
Slack
Learning
MQTT Subscribeして
WebSocketに変換す
るFlowを作る感じ？

29. MilkcocoaはIoTとWebの変換が得意
PublishはMQTTでSubscribeはWebSocket
IoT hardware board B
IoT hardware board A
IoT hardware board C
MQTT Publish
MQTT Publish
MQTT Publish
WebSocket Subscribe
Chart C
Chart B
WebSocket Subscribe
WebSocket Subscribe
Chart A

30. Milkcocoa nodeに投げるだけ

31. Visualization Type（プラグイン）

32. Visualization設定

33. Visualizationの外部埋め込み

34. ローカルのHTMLファイルに埋め込み

35. マーケティング領域での事例
https://youtu.be/Cw5Ca05w6sA

36. “ご清聴ありがとうございました”