6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Node-REDAdvent Calendar 2016

Day 13

Node-REDでノードを整列する

Last updated at Posted at 2016-12-12

#ノードを整頓したい

Node-REDでノードをズラズラならべると、こんな感じで少々かっこ悪く並んでしまいます。

不揃いなノードの配置

しかし、Node-REDにはノードを整列する機能がちゃんと用意されています。Node-REDのメニューから、[View]の中の[Show Grid]と[Snap to Grid]をONにします。

グリッドにスナップさせる設定

そうすると背景にグリッド線が表示されます。

グリッド線が表示された

あとはノードの配置をずらして整頓すれば、綺麗に並びます。

整列後のノード

整頓するだけなら[Show Grid]は不要ですけど、グリッド線があったほうがわかりやすいですよね。このように多数のノードが並ぶ時でも美しく整列できますよ。

多数のノードが綺麗に並んでいる例

P.S.
なおegplntさんがNode-RED小ワザ集で簡単に説明を記述されていますが、egplntさんに伝えたのは自分ということもありNode-REDアドベントカレンダー向けに図入りで記述しました。

6
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?