Node-REDを使ったハンズオンを100回やってわかったこと/What I learned about using Node-RED 100 times with hands-on

by Yuuki Nishida

Slide 1

Slide 1 text

Slide 2

Slide 2 text

さっくり自己紹介 2 rabbits1987 EDOkko360 私のミッションサービスの魅力を「伝え」「理解し」「使ってもらう」にしだゆうき

Slide 3

Slide 3 text

このセッションの対象イメージ 3 自信知識・経験プロ初心者 0% 100% Node-RED 完全に理解した Node-RED もう何も分からん Node-RED チョットデキル

Slide 4

Slide 4 text

今回のセッションの対象イメージ 4 自信知識・経験プロ初心者 0% 100% Node-RED 完全に理解した Node-RED もう何も分からん Node-RED チョットデキル「これから何かにNode-REDを使っていこう」と考えている方の参考になれば

Slide 5

Slide 5 text

これまでの話 5

Slide 6

Slide 6 text

ひとつの悩み • 前職から伝える役割なのに自分自身が扱えない • 強いて言えばインフラ寄りのわずかな経験のみ • 「 OSセットアップ」や「 yum install 」程度 6 「プログラムが書けない」ことがコンプレックス

Slide 7

Slide 7 text

さくらでIoTプラットフォームサービスがリリース 7 （さくらアイオー）

Slide 8

Slide 8 text

市場に展開していくうえで考えたこと 8 「そもそもIoTとは？」という市況でのサービスイン「プラットフォーム」という中間商材＆説明商材

Slide 9

Slide 9 text

当然、伝わらない 9

Slide 10

Slide 10 text

当然、伝わらない 10

Slide 11

Slide 11 text

「デバイス～アプリケーション」までを作れる体験が必要サービス理解の場が必須 11 サービスの魅力を知ってもらうためには、「IoTの全体像」

Slide 12

Slide 12 text

ハンズオン開催を検討 12 体験学習を意味する教育用語。参加体験、実用的体験、インタラクティブ体験、実習、実験、体感など、体を使うことによる学習補助教育手法を指す。ハンズオン（Hands-on）またトレーニングなどにおいては、専門家から直接手取り足取り指導を受けることも意味する。出典: フリー百科事典『ウィキペディア（Wikipedia）』

Slide 13

Slide 13 text

私のスキル（Node-RED編） 13

Slide 14

Slide 14 text

PEXELS（https://www.pexels.com/）

Slide 15

Slide 15 text

さくらの17歳情報系女子から天啓が！ 15 それなら、を使えば楽ですよ～さくらインターネット執行役員技術本部副本部長江草陽太

Slide 16

Slide 16 text

Node-REDとの出会い 16 ？？？

Slide 17

Slide 17 text

早速使ってみた 17 ------------------------------------------------------------ #Gitのインストール ------------------------------------------------------------ [root@test ~]# yum -y install git Loaded plugins: fastestmirror, priorities, security Setting up Install Process Determining fastest mirrors epel/metalink | 5.2 kB 00:00 * elrepo: ftp.ne.jp * epel: www.ftp.ne.jp ------------------------------------------------------------ #Node Version Manager(NVM)のインストール ------------------------------------------------------------ [root@test ~]# git clone https://github.com/creationix/nvm.git ~/.nv Initialized empty Git repository in /root/.nvm/.git/ remote: Counting objects: 4732, done. remote: Total 4732 (delta 0), reused 0 (delta 0), pack-reused 4731 Receiving objects: 100% (4732/4732), 1.27 MiB | 544 KiB/s, done. Resolving deltas: 100% (2814/2814), done. [root@test ~]# source ~/.nvm/nvm.sh [root@test ~]# nvm help ------------------------------------------------------------ #Node.jsのインストール ------------------------------------------------------------ [root@test ~]# nvm ls-remote v0.1.14 v0.1.15 v0.1.16 ～中略～ -------------------------------------------------------- #Node-Redのインストール、実行 -------------------------------------------------------- [root@test ~]# npm install -g node-red npm WARN deprecated [email protected]: yo

Slide 18

Slide 18 text

簡単にデータが見えた！ 18

Slide 19

Slide 19 text

ぱくたそ（www.pakutaso.com）

Slide 20

Slide 20 text

感動した！ 20 Node-REDの素晴らしさが！「言葉」ではなく！「心」で理解できた！

Slide 21

Slide 21 text

そして第1回の開催、アップデートや水平展開を繰り返しながら3年間 21 Doorkeeper さくらのイベント

Slide 22

Slide 22 text

Webサービス連携マイコンおよびプログラムの構築温度センサ sakura.io モジュール Arduino Uno LED 現在のハンズオンの形 22

Slide 23

Slide 23 text

Webサービス連携現在のハンズオンの形 23 サービスの特徴でもある「デバイスからクラウド」「クラウドからデバイス」が簡単であることの訴求に活用

Slide 24

Slide 24 text

24 開催総数約100回 ✕ 開催辺り約10名 = 約1,000名が体験参考：http://bit.ly/noderedcon-sakura

Slide 25

Slide 25 text

オープンソースだからこそ良かった 25 ユーザーも負担少なく振り返れるようになった

Slide 26

Slide 26 text

オープンソースだからこそ良かった 26 既存サービスの拡充にも繋がった

Slide 27

Slide 27 text

27 これまでの話

Slide 28

Slide 28 text

Node-REDは単なるビジュアルプログラミングツールではない 28 Node-REDはスキルが違う人をつなぐ背景が違う業界をつなぐ『対話を生む』ツール

Slide 29

Slide 29 text

イノベーションに必要なもの 29 Node-REDは既存の知を繋ぐネットワーク同士を結ぶポイントストラクチュアル・ホール参考：https://www.businessinsider.jp/post-34935

Slide 30

Slide 30 text

30 ユーザー ✕ より使いやすいインターフェース今後進めたいこと

Slide 31

Slide 31 text

今後進めたいこと 31 衛星画像（マクロ）地上データ（ミクロ）さくらのセキュアモバイルコネクト自社内 ✕ 他サービス連携

Slide 32

Slide 32 text

今後進めたいこと 32 MSP IoT さくらのセキュアモバイルコネクトサービス開発グループ企業 ✕ 新領域への挑戦

Slide 33

Slide 33 text

皆様にお伝えしたいこと 33 そんな時にNode–REDを触ってみて欲しい『やりたいこと』を『できる』に変えたい