Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Noodl ×Node-REDのよもやま話
Search
maepu
September 27, 2019
Technology
1
540
Noodl ×Node-REDのよもやま話
Node-RED UG勉強会 Vol.9の登壇資料です。
NoodlとNode-REDの連携や比較について、簡単に解説しています。
maepu
September 27, 2019
Tweet
Share
More Decks by maepu
See All by maepu
仮想通貨アラート(物理)を作ってみた
maepu
0
470
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
230
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
300
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
630
遠隔で嫁に筋トレを応援してもらう
maepu
0
710
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
81
Noodlで受付嬢を創った
maepu
1
1.8k
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
400
Noodlに出会ってから作ったものを振り返る
maepu
1
250
Other Decks in Technology
See All in Technology
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
1
200
生成AIの強みと弱みを理解して、生成AIがもたらすパワーをプロダクトの価値へ繋げるために実践したこと / advance-ai-generating
cyberagentdevelopers
PRO
1
200
신뢰할 수 있는 AI 검색 엔진을 만들기 위한 Liner의 여정
huffon
0
440
ジョブマッチングサービスにおける相互推薦システムの応用事例と課題
hakubishin3
1
400
AWS CDKでデータリストアの運用、どのように設計する?~Aurora・EFSの実践事例を紹介~/aws-cdk-data-restore-aurora-efs
mhrtech
4
710
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
9
120k
エンジニア候補者向け資料2024.11.07.pdf
macloud
0
4.5k
来年もre:Invent2024 に行きたいあなたへ - “集中”と“つながり”で楽しむ -
ny7760
0
540
ガバメントクラウド先行事業中間報告を読み解く
sugiim
1
1.7k
LINEヤフー株式会社における音声言語情報処理AI研究開発@SP/SLP研究会 2024.10.22
lycorptech_jp
PRO
2
200
AWS re:Invent 2024 Kansai Standby
hiroramos4
PRO
0
110
10分でわかるfreee エンジニア向け会社説明資料
freee
18
520k
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
A Tale of Four Properties
chriscoyier
156
23k
Docker and Python
trallard
40
3.1k
Adopting Sorbet at Scale
ufuk
73
9k
Why Our Code Smells
bkeepers
PRO
334
57k
Designing for Performance
lara
604
68k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
680
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
800
Practical Orchestrator
shlominoach
186
10k
Into the Great Unknown - MozCon
thekraken
31
1.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Transcript
× の よもやま話 Node-RED UG勉強会 Vol.9 2019/9/27
流れ 自己紹介 Noodlとは? Node-REDとNoodlを連携 ライブビジュアルコーディング Node-REDとNoodlの比較 まとめ
自己紹介 まえぷー 組込みソフトエンジニア 業務はマイコンファームウェア開発 趣味でIoT電子工作
Node-REDスキル Functionノードでカスタマイズノード作成 MQTT in/outをよく使います @kmaepu @kmaepu 技術書典7で頒布しました!
Noodl知名度調査! Noodl知ってる、使ったことある方!
Noodlとは? Noodl JPより引用 https://tensorx.co.jp/noodl-jp/
Noodlとは? 【機能】 1.UI/UXのビジュアルデザイン 2.コーディング不要ノードベースで要素を繋ぐだけで構築 (Javascriptでも可) 3.API、リアルデータ、機械学習連携可能 4.IoT(マイコン接続)も可能 5.ウェブアプリケーションまたはハイブリッドアプリとしてデプロイ可能 Noodl のconnpassページから引用
https://noodl-tokyo.connpass.com/event/145424/
NoodlとNode-REDの連携 MQTT、REST(http request)が連携しやすい MQTT TCP/IPネットワークで利用できる軽量な通信プロトコル。 多数の機器間を頻繁にデータのやり取りすることに向いている。
→ IoT向け! REST パラメータを指定して特定のURLにHTTPでアクセス。 REST APIが用意されているサービスが沢山ある。 → IoT向け!
NoodlとNode-REDの連携 MQTTで連携する場合 MQTTブローカが必要となる (1) Node-REDのMQTTブローカノード「mosca」を利用する (2) 外部MQTTブローカ(shiftrなど)を利用する enebularとNoodlを
shiftr.io MQTTブローカー経由で連携しよう https://blog.enebular.com/enebular/enebular-meets-noodl/ enebular blog
NoodlとNode-REDの連携 REST(http request)で連携する場合 NodeREDのhttpノードを利用する NoodlのRESTノードを利用する Noodlがhttp
requestを発行する https://qiita.com/kisaichi07/items/527ba7b3d4ed1dacce07 enebularで作ったREST APIを Noodlから叩いてみた Qiita@kisaichi07
ライブビジュアルコーディング Noodl×Node-RED×obniz MQTT サーボモータ Webhook ボタン On / Off
位置 0°/ 90°
NoodlとNode-REDの比較 【Node-RED】 ダッシュボードノードでUIを作成できる。 用意されたUIパーツ(ノード)を並べる。 → お手軽にデータの可視化 作成したUIを共有しづらい。
(Node-REDの実行環境が必要) 【Noodl】 UIパーツを自由に作りこめる。 → UI作成の自由度が高い htmlとjsファイルを出力できる。 → Noodl以外の環境で閲覧できる ブラウザがあれば共有できる(チーム開発、顧客との確認) Androidアプリにすることも可能。
まとめ 現状の使い方 Noodl → フロントエンド、UI特化 Node-RED →
バッグエンド、サービス連携 今までのIoT電子工作は、UIまで作る例が少なかった Noodlでお手軽にオシャレで独自のUIが作れるようになった! さらなる連携や利用方法を開拓していきましょう!
まとめ 披露したNoodl × Node-RED × obniz連携方法を 後ほどQiitaにアップする予定です!! @kmaepu @kmaepu
告知!! 10月のNoodl関連イベントは3本予定されています! Noodlもくもく会# 0 (非公式) 10月5日(土)9:00~12:00 Noodl2.5Hハンズオン(公式) 10月24日(木)19:00~21:30
告知!! ノンコーディングIoTパーティ (株式会社ウフル様) 10月29日(火)19:00~22:00