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
How to debug your Node-RED node.
Search
Ryoichi Obara
November 29, 2019
Technology
0
1.6k
How to debug your Node-RED node.
Node-RED UG勉強会 2019 年末LTパーティ
https://node-red.connpass.com/event/153172/
の登壇資料です。
Ryoichi Obara
November 29, 2019
Tweet
Share
More Decks by Ryoichi Obara
See All by Ryoichi Obara
製造業IoTのためのNode-REDカスタムノード開発 #noderedjp #nodered / Developing Industrial IoT Node-RED custom node
ryoichi_obara
0
2.5k
Other Decks in Technology
See All in Technology
COVESA VSSによる車両データモデルの標準化とAWS IoT FleetWiseの活用
osawa
1
290
2025年夏 コーディングエージェントを統べる者
nwiizo
0
170
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1k
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
jeongjaesoon
0
190
AI開発ツールCreateがAnythingになったよ
tendasato
0
130
LLMを搭載したプロダクトの品質保証の模索と学び
qa
0
1.1k
下手な強制、ダメ!絶対! 「ガードレール」を「檻」にさせない"ガバナンス"の取り方とは?
tsukaman
2
450
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
250
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
9
74k
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
torounit
0
130
まずはマネコンでちゃちゃっと作ってから、それをCDKにしてみよか。
yamada_r
2
120
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
oracle4engineer
PRO
4
10k
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
RailsConf 2023
tenderlove
30
1.2k
The Language of Interfaces
destraynor
161
25k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Optimizing for Happiness
mojombo
379
70k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Thoughts on Productivity
jonyablonski
70
4.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
113
20k
Become a Pro
speakerdeck
PRO
29
5.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Transcript
Node-REDで デバッグするための 開発環境 2019/11/29 (Fri) Node-RED UG勉強会 2019 年末LT パーティ
@ Uhuru @ ryoichi_obara
@ ryoichi_obara • 中小SIer (製造業向け) IoT / クラウド • 好きなNode-REDノード:
• クラフトビール消費量: 600+ [杯/年] ↓ブログ
Cookbook翻訳してたりもしました
前回 話したこと
今回 話すこと - デバッグについて カスタムノードを開発する際、デバッグノードだけではなく ステップ実行をしたい そのための環境構築
前提 • Node.js インストール済 • VS Code インストール済 • ノードを公開するならgitも
構成の概要 1. Node-REDをローカルで実行するためのディレクトリ 例 C:¥node-red-run-local 2. カスタムノード開発用のディレクトリ (≒ 公開するリポジトリ) 例
C:¥node-red-contrib-your-custom-node npmで 参照(リンク)する VS Codeのワークスペース
ryoichi-obara / node-red-run-local って何? • グローバルではなく、ローカルでNode-REDを実行 • 設定ファイル一式を自ディレクトリ配下に保存するオプション付 • VS
Codeで実行するための設定ファイルも同梱
このオプションが指定してある https://nodered.jp/docs/getting-started/local#コマンドラインの使い方
• cloneする • 依存関係のダウンロード > git clone
[email protected]
:ryoichi-obara/node-red-run-local.git 【任意のdir名】 >
cd 【cloneしたdir名】 > npm i 準備1. node-red-run-local https://github.com/ryoichi-obara/node-red-run-local
準備2. カスタムノード開発用ディレクトリ • ディレクトリ新規作成 • git, npm初期化 • 開発するノードについての -
package.json - ノード名.html - ノード名.js を配置 https://nodered.jp/docs/creating-nodes/first-node > mkdir node-red-contrib-your-custom-node > cd node-red-contrib-your-custom-node > git init > npm init -y
カレントディレクトリを実行環境(run-localの方)にして 開発対象のディレクトリを npm i する (ディレクトリ名/構成は一例) C:¥node-red-run-local> npm i C:¥node-red-contrib-your-custom-node
準備3. npmでリンクする https://nodered.jp/docs/creating-nodes/first-node#node-redでノードの動作確認
準備3. npmでリンクする(イメージ)
準備4. VS Codeでワークスペースの設定 • VS Codeで新しいウィンドウ • フォルダーをワークスペースに追加 - cloneしたローカル実行用ディレクトリ
(≒ node-red-run-local) - 開発用のノード (ここでは node-red-contrib-your-custom-node) • この構成を、 [任意のファイル名].code-workspace として 保存することもできる
構成の概要 (おさらい) 1. Node-REDをローカルで実行するためのディレクトリ 例 C:¥node-red-run-local 2. カスタムノード開発用のディレクトリ (≒ 公開するリポジトリ)
例 C:¥node-red-contrib-your-custom-node npmで 参照(リンク)する VS Codeのワークスペース
実際の画面
実行してみましょう • F5 でローカル実行 • デバッグ用のフローを作成 • inject で動かす •
VS Code 上で F9 でブレークポイントを貼る • また inject で動かす 今度は VS Code のブレークポイントで止まっていることを確認 • F10 でステップ実行 • フローが最後まで動いたことを確認 コアノードもデバッグできるよ! node_modules/@node-red/nodes/core/**
時間があればデモ あるはず・・・!
ご清聴ありがとうございました • 公式ドキュメントは充実しているので、読むと勉強になる • Node-REDはプログラムレスだけど、プログラム書くならVS Code