Node-RED

Node-RED Dashboardの設定はここで変更できます!

Node-RED Dashboardを使うと、タブレット端末などでフローを操作できる画面やステータスの表示などができてとても便利です。

ただ、他の人が公開しているDashboardのフローを読み込むと、タイトルバーが表示されなくなったり、全体的に暗い色合いになったりして、その変更や解除方法がわからず悩んでいました。

このことを、FacebookにあるNode-RED Japan User Groupにて質問したところ、みんみんさんが方法を教えてくださったので、メモ。

Node-RED User Group Japan

ダッシュボードサイドバー

Node RED 2019 08 16 11 38 24

Node-REDダッシュボードのサイドバーには、ボタンやテキストなどをどのタグにどの順番で、どのぐらいの大きさで並べるのかといった設定があるのはわかっていました。

Node RED 2019 08 16 11 39 50

でも、この「配置」以外に「サイト」と「テーマ」というタブがあることを全く気にしていませんでした。

ダッシュボード サイトタブ

Node RED 2019 08 16 11 41 18

このサイトタブをみてみたところ、タイトルはブラウザに表示されるtitleのテキストを変更できます。

Node RED 2019 08 16 11 42 08

オプションのところは、まさに自分がどうやるかを悩んでいた「タイトルバー表示/非表示」の切り替えや、サイドメニューを表示したままにするかどうかや、スワイプによるタブの切り替えを可能にするか不可能にするかなど、Node-REDダッシュボードを使ってアプリケーションを作るときに便利な機能が盛りだくさんでした。

Node RED 2019 08 16 11 42 47

日付の表示形式や、Widgetのサイズ、感覚、パディングなど、細かく設定できます。

Node RED 2019 08 16 11 45 34

ダッシュボード テーマタブ

Node RED 2019 08 16 11 48 31

テーマタブでは、スタイルや色、フォントなどが選べます。

Node RED 2019 08 16 11 47 54

テーマは、ライト、ダーク、カスタムの3種類。今まで他の人のフローを入れて暗くなってしまっていたのは、このスタイルがダークになっていたからでした。

これで、より使いやすいNode-REDダッシュボードにすることができそうです。

まとめ

Node-RED Dashboardについては、検索してもなかなか設定方法に辿り着けずにモヤモヤしていましたが、Node-RED User Group Japanのみんみんさんのおかげで、いろんなことがすっきりしました。

ありがとうございます!

ABOUT ME
中畑 隆拓
DALIやKNX導入のコンサルティング・コンフィグレーション・機器の販売、AI-IoTを組み合わせたシステムの提案を行っています。