> ## Documentation Index
> Fetch the complete documentation index at: https://dripart-matt-router-pricing-pika-and-guard.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ComfyUI リンク：ノード接続の仕組み

> ComfyUI でノードをつなぐリンクの仕組み、リンクの表示スタイルの変更方法、複雑なワークフローを整理する Reroute ノードの使い方を解説します。

## ノードを接続するリンク

ComfyUI では、ノード間に引かれる線や曲線は***リンク***と呼ばれます（***接続***やワイヤーとも呼ばれます）。これらは、あるノードの出力から別のノードの入力へデータを運び、ワークフローの流れを定義します。

リンクは、曲線、直角、直線、または完全に非表示など、いくつかの視覚的スタイルで表示できます。

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/link/link_styles.jpg?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=a94ac292488ad201a2080f98d302c3d5" alt="リンクスタイル" width="1589" height="895" data-path="images/interface/link/link_styles.jpg" />

リンクスタイルを変更するには、**設定メニュー** → **表示 (Lite Graph)** → **グラフ** → **リンクレンダーモード**に移動します。

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/link/render_mode.jpg?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=6ca03999e93116878252a20ccae64f13" alt="レンダリングモード設定" width="1280" height="800" data-path="images/interface/link/render_mode.jpg" />

**キャンバスメニュー**からすべてのリンクを一時的に非表示にすることもできます。

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/link/canvas_menu.jpg?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=d3e031a31fb5f6d7606d27c2eb385579" alt="キャンバスメニュー" width="429" height="105" data-path="images/interface/link/canvas_menu.jpg" />

<Tip>
  リンクを表示することは、学習、共有、またはワークフローのデバッグ時に特に便利です。一目でデータの流れを確認できます。編集を意図していない完成したワークフローでは、リンクを非表示にすることで視覚的な煩雑さを減らせます。
</Tip>

### リルートノード

ワークフローが複雑になると、リンクワイヤーが重なったりノードの背後を通ったりして、読みづらくなることがあります。**リルート**ノードを使用すると、グラフの 2D 空間内の任意のポイントを経由してワイヤーを手動で迂回させることができ、レイアウトを整理し、可読性を保つことができます。

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/link/reroute.jpg?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=256baeb418908973920bb6db1cae8a28" alt="ComfyUI リルートノード" width="1345" height="895" data-path="images/interface/link/reroute.jpg" />

ComfyUI には、グラフキャンバスに組み込みのネイティブなリルート機能もあります。新しいワークフローでは、この機能の使用をお勧めします。

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/rF4bo0v6tzYynnbV/images/interface/link/native_reroute.jpg?fit=max&auto=format&n=rF4bo0v6tzYynnbV&q=85&s=e4d6e8bfced64c5ca16da31b6821802e" alt="ComfyUI ネイティブリルート" width="1395" height="750" data-path="images/interface/link/native_reroute.jpg" />

## 色分け

ComfyUI のすべてのデータタイプには固有の色があります。ノードの入力ポート、出力ポート、およびそれらを接続するリンクワイヤーは、すべてこの配色を共有しています。**同じ色のポート同士のみ接続できます**。これにより、ワークフロー全体で型の安全性が確保されます。

<img src="https://mintcdn.com/dripart-matt-router-pricing-pika-and-guard/huQ4_wODWxTHARyq/images/concepts/node/data_type.jpg?fit=max&auto=format&n=huQ4_wODWxTHARyq&q=85&s=25a0ec2ab8534dfb275a4dc296135352" alt="ComfyUI ノードデータタイプ" width="685" height="356" data-path="images/concepts/node/data_type.jpg" />

| データタイプ | 色 |
| - | - |
| 拡散モデル | ラベンダー |
| CLIP モデル | 黄色 |
| VAE モデル | ローズ |
| 条件付け | オレンジ |
| 潜在画像 | ピンク |
| ピクセル画像 | 青 |
| マスク | 緑 |
| 数値（整数または浮動小数点数） | グレー |
| メッシュ | 鮮緑 |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.