Node-REDでフローベースプログラミングを知る

こちらは、2月16日に開催した石川県工業試験場向けのNode-REDの研修資料になります。

Transcript

1. Node-REDでフローベースプロ グラミングを知る IoT アプリを簡単に開発
2. Speaker
3. Taiji HAGINO IBM Developer Advocate Specialist in Mobile, Web, and IoT taiponrock
4. http://fillgap.jp/ibm/da/podcast/ Podcastやってます
5. https://www.ibm.com/developerworks/jp/ developerWorks 編集⻑やってます https://twitter.com/dW_Japan
6. Cloud Developers Circle ベンダー依存しないクラウドデベロッパーのためのコミュニティ https://cdevc.connpass.com/ Node-RED ユーザーグループ https://node-red.connpass.com/ DIST 職種や技術の垣根を越えてWebに関わるすべての⼈を結ぶクリエイ ティブコミュニティ https://dist.connpass.com/
7. Developer Advocate
8. Technologists rule the world We help developers with their activities! We are always at the developer's point of view, supporting not only IBM platforms and services but also developers in all areas of technology and promoting market expansion in developers and the open source community.
9. Help me be productive and I will HEARTyou We will continue to develop and keep connected developers! Our Activities! Establish a community of cities, technologies and practices to support developers' technical expertise (Developer Advocacy). In order to realize the necessary technology, we will provide code assets and increase the value that developers can achieve using IBM Code Patterns. The important thing is to encourage the same thing, privilege and nurture the same thing, inside IBM and outside the company. Extend IBM's leadership in the open community.IBM leads open source (IBM's internal open source process), embeds it into the code committer's assertive strategic community.
10. Our Amazing Team! Tokyo Team is one of Worldwide Developer Advocate Teams! City Leader Akira Ohnishi Simon Sasaki Taiji Hagino Coming soon! Coming soon! Coming soon! Coming soon!
11. Yes, we are DeveloperAdvocate https://developer.ibm.com/code/community/cities/tokyo/
13. Flow based programing
14. 処理 処理 処理 OUT IN
15. Node-RED
16. 1. HWデバイスとつなげられるよ 2. APIやオンラインサービスとつなげられるよ 3. スクリプトを直に書くことももちろんできちゃうよ 4. これらの処理を全部フローで組み⽴てられちゃうよ
17. Node.js実⾏環境 Node-REDフローエディタ（ Node.js App ） Node.js App
18. IBM Cloud
19. サーバーを作れる www かんたんに⾔えばIBMが提供するクラウド全てのこと IaaS PaaS SaaS
20. IBM Cloudってなにができるの？ Case 1
21. サーバーを作れる Server IBM Cloud www Server • 共⽤と専有が選べる • 仮想と物理（ベアメタル）が選べる
22. IBM Cloudってなにができるの？ Case 2
23. アプリの実⾏環境が作れる Server IBM Cloud www Middleware Java 実⾏環境 PHP 実⾏環境 Node.js 実⾏環境 Swift 実⾏環境 Python 実⾏環境 Push Application • 作ったアプリをデプロイするだけ • 主要なサーバーサイド⾔語は対応
24. もちろんコンテナもね KUBERNETES CONTAINER REGISTRY DOCKER
25. IBM Cloudってなにができるの？ Case 3
26. APIが作れる Server IBM Cloud www Middleware Application API API API • ボタンを押すだけでAPI、サービスを作成 • 100種以上のAPI、サービスが⽤意されている • IBM Cloud内はもちろん外からも呼び出せる • 既存のシステムをかんたんにAPI化 IBM Cloud 外の環境 Application
27. WatsonもAPIで提供 https://www.ibm.com/jp-ja/marketplace/cognitive-application-development/details
28. IBM Cloudってなにができるの？ Case 4
29. DevOpsでの開発が可能 コーディング コード管理 段階的なリリース アプリ監視・通知
30. IBM Cloudってなにができるの？ Case 5
31. Serverless(FaaS)が使える IBM Cloud www getXXXinfo Create Action • Action(Function)を直接クラウド上に作成するだけ • 実⾏環境とか気にしなくてOK makeXXXfile convertXXXdata PHP, Node.js, Python, Swift Call Action CLOUD FUNCTIONS
32. IBM Cloudってなにができるの？ Case 6
33. Node-REDがすぐに使える IBM Cloud www • フローだけでサーバーサイドアプリが作れる • WebのUIも作れちゃう • 各種APIももちろん呼び出せる Create Flow Execute Flow
34. 他にも、たくさん機能があります！ お気軽にIBMデベロッパーアドボケイトまでお 声がけください！
35. 参考サイト 例えば、以下の資料から触ってみるとIBM Cloudが学べます [1] IBM Cloud の基礎 http://www.ibm.com/developerworks/jp/bluemix/fundamentals/ [2] IBM Cloud Docs⽇本語版 https://console.ng.bluemix.net/docs/?locale=ja [3] IBM Code Patterns ※英語版 https://developer.ibm.com/code/patterns/ [4] Medium Blog ※デベロッパーアドボケイトによるJourneyの⽇本語解説 https://medium.com/search?q=ibmjpcode
36. What is Internet of Things(IoT)?
37. Internet of Things Device Gateway Platform Analytics Application Security
38. Device Gateway Platform Analytics Application Security TI Sensor Tag Smart Phone IBM Cloud/Node-RED Twitter 今回はこんな感じで⾏きます
39. Sensor Device
41. Ambient Temperature : 周囲温度(気温) Object Temperature : 物体の温度(IR温度) Humidity : 湿度 Barometric Pressure : 気圧 Accelerometer : 加速度 Gyroscope : ジャイロスコープ(傾き) Magnetometer : 磁⼒計 Luxmeter : 光量 こんなデータが取れます
42. Gateway
43. Gatewayにはスマホを使おう！ ＋
44. デバイスからデータ受け取って MQTTで放り投げるアプリを準備 アプリ
45. ▪スタートアプリのソースコード https://git.ti.com/sensortag-20-android 参考
46. え！？Gitのコードを元にアプリ作んの？？
47. ⼤丈夫、もうあるよ♪
48. SimpleLink アプリをインストール
49. アプリを起動したらデバイスの信号をON！ Click here! Click here!
50. アプリでデバイスIDが確認できる
51. BLE Internet TI Sensor Tag Smart Phone IBM Cloud/Node-RED
52. Node-RED on IBM Cloud
53. カタログを選択
54. Node-RED Starterを選択
55. アプリを作成
56. ステータスが実⾏中になれば準備OK 「アプリURLにアクセス」をクリック
57. エディタへのログインユーザーとパスワードを設定
58. Node-RED flow editor を開く
59. 実装１：センサー値を出⼒
60. デフォルトでは1秒間隔で センサーデータを送信 BLE
61. 「ibmiot」を設定 デバイスIDを指定
62. 「debug」を設定して線をつなぐ
63. こんな感じでまずはログ出⼒
64. 新たに「function」を設定 var gyroX = msg.payload.d.gyroX; var gyroY = msg.payload.d.gyroY; var gyroZ = msg.payload.d.gyroZ; msg.payload = { x: gyroX, y: gyroY, z: gyroZ } return msg; ジャイロ値だけに絞込み
65. 新たにもう⼀つ「debug」を設定して線をつなぐ
66. 実装２：センサー値をTweet
67. でもさ
68. 1秒おきにツイートされたら鬱陶しいよね
69. 「delay」を設定 → 1分おき その間のデータはオミット
70. 「function」 でTwitterの連投規制を回避 var gyroX = msg.payload.d.gyroX; var gyroY = msg.payload.d.gyroY; var gyroZ = msg.payload.d.gyroZ; msg.payload = new Date().getTime()+ “[bot] Data has received from CC2650” + “X:” + gyroX + “Y:” + gyroY + “Z:” + gyroZ; return msg; ツイート本⽂にタイムスタ ンプを付ける事で連投規制 を回避
71. 「twitter」を設定
72. 作成、編集後に未デプロイ のノードには⻘丸が 忘れずにデプロイを！
73. 完成
74. Twitterを確認
75. Good Luck C