Node-RED v3.1新機能紹介

2023年5月26日 横井一仁

https://kazuhitoyokoi.github.io/node-red-3.1-intro

横井 一仁 (よこい かずひと)

• Node-RED開発メンバ
  • GitHubコミット数 世界3位
  • 和訳や不具合修正で貢献
• Node-RED User Group運営メンバ
  • Node-RED Con運営
  • UG Enterprise運営
• 日立製作所
  • ソリューションアーキテクト
  • DX、Industry 4.0研修講師
    

Open Source Summit North Americaで
登壇してきました

• 「ノードをつくるハンズオン」の内容を発表

• OpenJS FoundationトップのRobin様にも挨拶できました
  
  

  セッションページ: https://sched.co/1K5CB

月刊I/Oにプロジェクト機能の記事を連載中

• 3月号: プロジェクト機能の概要
• 4月号: プロジェクトの切り替え
• 5月号: フローのバージョン管理
• 6月号: GitHubへフローを共有
• 7月号: GitHubからフローを取得
• 8月号: フローをクラウド環境へ
  　　　デプロイ(予定)
  

ご紹介するNode-RED v3.1の新機能

• ノードの説明タブにMermaid図を表示
• ノードの説明タブにインライン画像を追加
• グローバル環境変数
• プロジェクト関連の修正
• フローエディタの和訳を修正

Mermaidとは

• Mermaidとは、Markdown上でテキストで図を書く記法

• 2022年2月からGitHub、
  2022年4月からQiitaでも利用可能
  
  

  Mermaidのサイト: https://github.com/mermaid-js/mermaid

ノードの説明タブにMermaid図を表示

MarkdownエディタにMermaidを用いて図を作成し、左側の説明タブに表示

• ノードの説明以外でも利用可能
  • フローの説明書き
  • グループの説明書き
  • プロジェクト機能のREADME.mdファイル
• プレビュー機能でリアルタイムに生成される図を確認しながら記述

Mermaidのデモ

• フローの説明書き
• ChatGPTで生成したフローの説明書き
• プロジェクト機能で作成した図をGitHubで表示

ノードの説明タブに
インライン画像を追加

• Markdown中に画像のバイナリデータを挿入できる機能
• フローと同一JSON内にフローと画像が格納される

グローバル環境変数

フローエディタの全てのノードから参照できる共通の変数を設定する機能

• ユーザ設定にグローバル環境変数を設定できるタブが存在
• サブフロー、グループ、タブ、
  グローバル環境変数、OSの順に
  最初に見つかった環境変数を使用

プロジェクト機能の修正

• デフォルトのフローファイル名をflow.jsonからflows.jsonに変更

  • 引数へフローファイル名を指定する必要がなくなった
  • package.jsonに"scripts": { "start": "node-red" },を記載するだけでnpm startコマンドでアプリケーションを起動できるようになった

• ブランチ名をmasterからmainに変更

• メニューやダイアログの不具合修正

フローエディタの和訳を修正

• changeノードのプロパティ

  • 値の代入の時:
    "対象の値"->"代入する値"
  • 値の移動の時:
    "対象の値"->"移動先"
    

• 新機能を紹介するツアーも和訳済

最後に

• Node-RED v3.1では、日本からの要望を取り込んだリリース
• 今後も、皆で日本から世界へ発信してゆきましょう