Skip to content
ComfyUI Wiki
より良い ComfyUI ナレッジベースの構築を支援する サポーターになる
💡

サブグラフ機能には最低ComfyUIフロントエンドバージョン1.24.3が必要です。ComfyUIでこの機能が見つからない場合は、以下のドキュメントを参照してアップデートしてください:ComfyUIの更新方法

  • この記事のサンプル画像はnightlyフロントエンドバージョンで作成されており、実際のインターフェースを参照してください
  • サブグラフを通常のノードに戻すなどの一部機能は今後のバージョンで改善される予定です
ComfyUIサブグラフ機能

サブグラフはComfyUIで非常に実用的なワークフロー機能で、複雑なワークフローを独立したノードにパッケージ化し、ワークフロー全体をより簡潔で管理しやすくします。

サブグラフ

簡単に言えば、サブグラフはワークフロー内の「フォルダ」のようなものです。関連する複数のノードをまとめて組織し、全体の組み合わせを単一のノードのように操作できます。このアプローチにより、複雑なワークフローがより明確で理解しやすくなります。

サブグラフ機能を使用することで、以下の目標を達成できます:

  • 複雑なワークフローを簡素化し、可読性を向上
  • 一般的なノードの組み合わせを簡単に再利用し、繰り返し作業を回避
  • モジュール化されたノードの組み合わせを作成し、ワークフロー構築の効率性を向上

サブグラフの作成方法は?

対象ノードの選択

ComfyUIインターフェースで、サブグラフにまとめたいノードを最初に選択します

サブグラフ機能ボタンのクリック

サブグラフアイコン 選択ツールバーでサブグラフ機能のアイコンを見つけてクリックします

サブグラフ作成の完了

サブグラフを使用したワークフロー ComfyUIは選択されたノードの入出力関係を自動的に分析し、新しいサブグラフノードを作成してキャンバスに追加します。

サブグラフ構造の最適化

サブグラフを使用したワークフロー さらなる編集と調整により、サブグラフを機能的に完全で構造的に明確なノードモジュールに最適化できます。

サブグラフ編集機能の詳細説明

1. 基本的な編集操作

サブグラフノードは通常のノードと同じ編集機能を持っています。以下の操作を実行できます:

  1. ノードの色と外観の調整
  2. ノード名とラベルの変更
  3. バイパス(Bypass)機能を使用して一時的に無効化
  4. その他の通常のノード操作

2. サブグラフの詳細編集

サブグラフの詳細編集モードに入るには:

  • サブグラフノードの非コンポーネント領域でマウスをダブルクリック
  • またはサブグラフの編集ボタンをクリック

編集モードに入った後のインターフェースは以下の通りです: サブグラフの編集

インターフェース要素の説明:

  1. ナビゲーションバー:現在のサブグラフレベルを表示し、上位ワークフローに素早く戻ることができます
  2. 入力スロット:外部データを受信するための接続点
    • 他のノードの出力をこれらのスロットに接続できます
    • 接続点でマウス右クリックしてスロットの名前変更または削除
  3. 出力スロット:外部にデータを送信するための接続点で、入力スロットと同様の機能

サブグラフスロット

スロット操作ガイド:

  1. 数字1でマークされたスロットはデフォルトスロットです:新しい入力または出力接続を追加して内部ノードを外部に公開するために使用
  2. 既存のスロットでマウス右クリックして名前変更、削除、接続のキャンセルなどの操作を実行

注意:スロット接続もデータ型マッチングルールに従う必要があります

3. サブグラフのネスト機能

サブグラフはマルチレベルネストをサポートしています。これは、サブグラフ内に他のサブグラフを作成でき、より複雑でモジュール化されたワークフロー構造を構築できることを意味します。

ネストされたサブグラフ

ネストされたサブグラフを編集する際、システムはマルチレベルナビゲーション機能を提供し、異なるレベル間で素早く切り替えて戻ることができます。

ネストされたサブグラフのナビゲーション

💡

現在のバージョンはリンクインスタンス、同期編集などをまだサポートしていません。これらの機能は今後のバージョンで改善される予定です