> ## Documentation Index
> Fetch the complete documentation index at: https://docs.comfy.org/llms.txt
> Use this file to discover all available pages before exploring further.

# リンク

> ComfyUI における接続リンクを理解する

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

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

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

<img src="https://mintcdn.com/dripart/EgZuQyCGLVUEw53Z/images/interface/link/link_styles.jpg?fit=max&auto=format&n=EgZuQyCGLVUEw53Z&q=85&s=f8d0e4e3831f8d6ff87f35f0c99ba9cf" alt="リンクスタイル" width="1589" height="917" data-path="images/interface/link/link_styles.jpg" />

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

<img src="https://mintcdn.com/dripart/EgZuQyCGLVUEw53Z/images/interface/link/render_mode.jpg?fit=max&auto=format&n=EgZuQyCGLVUEw53Z&q=85&s=881d8628e7cd4fcfa39826136bf3d491" alt="レンダリングモード設定" width="1066" height="764" data-path="images/interface/link/render_mode.jpg" />

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

<img src="https://mintcdn.com/dripart/EgZuQyCGLVUEw53Z/images/interface/link/canvas_menu.jpg?fit=max&auto=format&n=EgZuQyCGLVUEw53Z&q=85&s=85e33ad64f139785144b0e379c793045" alt="キャンバスメニュー" width="272" height="620" data-path="images/interface/link/canvas_menu.jpg" />

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

### リルートノード

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

<img src="https://mintcdn.com/dripart/EgZuQyCGLVUEw53Z/images/interface/link/reroute.jpg?fit=max&auto=format&n=EgZuQyCGLVUEw53Z&q=85&s=473539e846d7bb6b4c3d61c5d78a2c91" alt="ComfyUI リルートノード" width="900" height="365" data-path="images/interface/link/reroute.jpg" />

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

<img src="https://mintcdn.com/dripart/EgZuQyCGLVUEw53Z/images/interface/link/native_reroute.jpg?fit=max&auto=format&n=EgZuQyCGLVUEw53Z&q=85&s=9f33c8c4d344a3cb2758e7f33ef65a0b" alt="ComfyUI ネイティブリルート" width="463" height="315" data-path="images/interface/link/native_reroute.jpg" />

## 色分け

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

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

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