Node-RED

Q: なぜNode-REDでMonaco editorの検索コントロールが折り返されるのですか？

Node-REDのグローバルCSSは、クラス`.controls`を持つ要素に`margin-left`を適用します。これにより、Monacoの組み込み検索バーが干渉され、そのコントロールが折り返されます。これを解決するには、Node-REDの設定（例：`settings.js`またはUIテーマ）にカスタムCSSルールを追加します：`.monaco-editor .controls { margin-left: revert !important; }`。これにより、問題のあるスタイルがMonacoエディターインスタンス内でのみ上書きされます。

23.1k stars·開発ツール·SHA-256 チェックサム確認済み

ローコードのイベント駆動型プログラミングツール。視覚的なドラッグ操作でハードウェア、API、サービスを接続でき、IoT、自動化、インテグレーションのシナリオに適しています。

スマートダウンロード

プロジェクトのホームページへ

インストーラはまだありません — ソースリポジトリをご覧ください

フローチャートを描くような感覚でプログラミングし、デバイスやAPIを手軽に接続できます。

主な機能

ブラウザ上でのドラッグ＆ドロップ編集、ゼロコードでロジックフローを作成可能
数千のプリビルドノード、IoT、データベース、AI、メッセージキューなどをカバー
ワンクリックデプロイとリアルタイムデバッグ、実行状態の可視化
軽量設計で、Raspberry Pi、サーバー、コンテナのいずれでも動作
イベント駆動アーキテクチャにより、デバイスやサービスの変化にリアルタイムで応答

できないこと

•本番環境では、npmのグローバル権限の問題を避けるため、Dockerまたはsystemdでプロセスを管理することを推奨します。2. デフォルトでは認証がないため、セキュリティ（ユーザー名とパスワード、またはHTTPS）は自分で設定する必要があります。3. 大量のフローや高頻度イベントの場合は、メモリとCPUに注意が必要で、クラスターモードで拡張できます。4. n8nと比較すると、Node-REDはより軽量ですが、エンタープライズレベルのスケジューリングと権限管理がありません。Home Assistantと比較すると、より汎用的ですが、UIの美観はやや劣ります。

使用例

IoT：センサーデータを読み取り、アラートをトリガーしたりデバイスを制御したりする
自動化ワークフロー：定期的に天気データを取得→WeChat/メールにプッシュ
データパイプライン：MQTTからJSONを受信→変換→InfluxDBに書き込み
スマートホーム：Node-REDでHome Assistantの自動化ロジックの一部を置き換える

詳細説明

Node-RED は、フローベースのローコード開発ツールで、当初 IBM によって開発され、ハードウェアデバイス、API、オンラインサービスを迅速に接続するために使用されます。ブラウザ上で動作するビジュアルエディターを提供し、ユーザーはノードをドラッグ&ドロップしてフローを作成し、ワンクリックでデプロイして実行状態をリアルタイムで監視できます。Node-RED は Node.js 上に構築されており、軽量かつ効率的で、Raspberry Pi などのエッジデバイス上で動作するほか、クラウドへのデプロイもサポートしています。コミュニティからは数千のノードが提供されており、IoT プロトコル、データベース、メッセージキュー、AI サービスなどをカバーしています。そのイベント駆動型の特性により、従来のコードを記述することなく、自動化タスク、データ処理パイプライン、システム統合ソリューションを構築するのに非常に適しています。

トラブルシューティング & FAQ (1)

トラブル対応

なぜNode-REDでMonaco editorの検索コントロールが折り返されるのですか？

Node-REDのグローバルCSSは、クラス.controlsを持つ要素にmargin-leftを適用します。これにより、Monacoの組み込み検索バーが干渉され、そのコントロールが折り返されます。これを解決するには、Node-REDの設定（例：settings.jsまたはUIテーマ）にカスタムCSSルールを追加します：.monaco-editor .controls { margin-left: revert !important; }。これにより、問題のあるスタイルがMonacoエディターインスタンス内でのみ上書きされます。

参照 Issue #5778

はじめ方

インストーラをダウンロード

上のボタンをクリックして、お使いのシステム用のインストーラをダウンロード

プロジェクトのホームページへ

ソフトウェアをインストール

ダウンロードしたインストーラをダブルクリックし、指示に従ってください

ステップ1：Node.jsをインストールする（LTS版を推奨）

ステップ2：ターミナルを開き、sudo npm install -g --unsafe-perm node-red を実行する

ステップ3：node-red を実行し、ブラウザで http://localhost:1880 を開く

インストールガイド

ステップ1：Node.jsをインストールする（LTS版を推奨）
ステップ2：ターミナルを開き、sudo npm install -g --unsafe-perm node-red を実行する
ステップ3：node-red を実行し、ブラウザで http://localhost:1880 を開く

ファイルの整合性

チェックサムがありません

このプロジェクトは GitHub Release ページに SHA-256 チェックサムを公開していません

SHA256 チェックサム

チェックサムなし

GitHub Releases から直接ダウンロードし、ファイルの整合性をご自身で確認してください

本プラットフォーム上のすべての SHA-256 チェックサムは、プロジェクトの公式 GitHub Release ページから抽出されたもので、一切の改変はありません。GitHub Releases ページで独自に検証できます。

オープンソースの透明性

GitHub ソースを見る

環境ガイド

アンインストール情報

グローバルアンインストール：npm uninstall -g node-red。DockerやHomebrewなどを使用している場合は、対応するパッケージマネージャーを参照してください。

追加の依存関係なし

ダウンロード後すぐに使用可能。追加のランタイムは不要です。

プロジェクト情報

ライセンスApache-2.0

最終更新2026-06-27 14:00:11

GitHub リポジトリ公式サイト

問題が発生？以下のFAQを確認

1 FAQ

類似プロジェクト

Visual Studio Code (Code - OSS)

Microsoft製の無料オープンソースコードエディタ。インテリジェントなコード補完、デバッグ、Git、拡張機能をサポートし、世界で最も人気があります。

opencode

オープンソースのAIコーディングエージェント、コードの作成、リファクタリング、分析をサポートし、「ビルド」と「計画」のデュアルエージェントモードを内蔵。

scrcpy

USBまたは無線TCP/IP経由でパソコンにAndroidデバイスを画面投影し、操作することができます。root不要で、高性能かつ低遅延、音声転送にも対応しています。