ComfyUI App Modeはノードグラフを隠して、プロンプト欄と必要最小限のスライダーだけを表示する新しいUIモードだ。 2026年3月に正式公開され、配布・チーム共有・初心者教育の3用途で生産性が一段上がる。本記事では入り方・出力ノードの設定・Node Viewへの切替まで、SDワーカーが今日から使える形で整理する。
ComfyUI App Modeとは
App Modeは既存のComfyUIワークフローを「アプリ風UI」として再ラップする仕組みで、エンドユーザーが見るのは入力フォームと生成ボタンだけになる。ノードはバックエンドにそのまま残り、ワークフロー作成者が「公開する入力」と「表示する出力」を選んで配置する。
| ビュー | 想定ユーザー | 表示内容 |
|---|---|---|
| App View | エンドユーザー・配布先 | プロンプト欄、シード、ステップ数のみ |
| Node View | ワークフロー作成者 | 通常のノードグラフ全体 |
両モードはシームレスに切り替え可能で、配布先には固定構成、開発者は内部編集という分業が成立する。
App Modeに入る2つの方法
1. 左上のメニューアイコンをクリック→ドロップダウンから「Enter app mode」を選択
2. 画面上部のパンくずリストドロップダウンから「App Mode」を選択
どちらでも同じビューに到達する。元のNode Viewへ戻るには同じ位置から「Exit app mode」を選ぶ。
App入力・App出力の設定手順
ノードのソケットを右クリックし「Convert to app input」を実行すると、そのソケットがApp Viewのフォーム要素として表に出る。出力側も同様に「Convert to app output」で公開する。
推奨する公開項目（テンプレ）
- ポジティブプロンプト（必須）
- ネガティブプロンプト（任意・折りたたみ）
- 解像度プリセット（512/768/1024からのドロップダウン）
- シード（-1固定でランダム、上級者だけ展開）
- LoRA強度スライダー（適用時のみ表示）
入力数は5個以内に抑えると、エンドユーザーが迷わず使える。
App Builderとの組み合わせ
App ModeとセットでリリースされたApp Builderを使うと、複数のApp入力をグルーピング・並び替え・条件表示できる。複雑なワークフローを「使える形」に成形するのはApp Builder側の仕事だ。
ComfyHubと連携すれば、作ったAppをURL1本で配布でき、相手はComfyUIをインストールしなくてもブラウザから生成できる（要ホスティング設定）。
どんな場面で使うべきか
- チーム内ツール化: デザイナー・ライターが触る生成ツールをエンジニアが内部で作って配布
- クライアント納品: ワークフロー丸ごと納品ではなく「使える形」で渡す
- 教育・教材: ノードを見せる前に「動く体験」を先に提供
- 自分用テンプレ: 毎日触るワークフローはApp化してパラメータだけ調整
注意点・現状の制約
- ComfyUIのバージョンは2026年3月以降が必須（古い版にはApp Modeなし）
- カスタムノード依存のApp Outputは配布先環境で再現に注意
- ファイル添付（画像入力）は設定にコツがあり、type=imageのノードを明示的に指定する必要あり
ComfyUI App Mode まとめ
- App Mode＝ノード非表示のエンドユーザー向けUI
- 入力/出力はノード単位でConvert to app input/outputで公開
- App Builder＋ComfyHubで配布まで一気通貫
- チーム配布・教育・テンプレ自分用のすべてに有効
よくある質問（FAQ）
Q1. App Modeにすると元のワークフローは消える？
A. 消えません。バックエンドにそのまま残ります。Node Viewに戻ればいつもの編集画面です。
Q2. App Modeで作ったAppを別PCに渡せる？
A. ワークフローJSONを渡せば移行可能です。ComfyHub経由ならURL共有だけで済みます。
Q3. 古いComfyUIでも使える？
A. 2026年3月以降のバージョンが必要です。git pullでアップデートしてください。
Q4. カスタムノードを使ったAppは配布できる？
A. 配布先にも同じカスタムノードのインストールが必要です。依存ノード一覧をREADMEに明記しましょう。
関連記事
- [AI画像生成の最新動向｜GPT Image 1.5・Gemini 3.1 Flash・Grok Imagineの三つ巴【2026年5月】](https://ikuriblog.com/%e3%80%902026%e5%b9%b45%e6%9c%88%e3%80%91ai%e7%94%bb%e5%83%8f%e7%94%9f%e6%88%90%e3%81%ae%e6%9c%80%e6%96%b0%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9%ef%bd%9cgpt-image-1-5%e3%83%bbgemini-3-1-flash%e3%83%bbgr/)
- [ControlNet++ ProMax導入ガイド｜10種類以上の制御を1ファイルに統合するSDXL拡張【2026年版】](https://ikuriblog.com/controlnet-promax%e5%ae%8c%e5%85%a8%e3%82%ac%e3%82%a4%e3%83%89%ef%bd%9c10%e7%a8%ae%e9%a1%9e%e4%bb%a5%e4%b8%8a%e3%81%ae%e5%88%b6%e5%be%a1%e3%82%921%e3%83%a2%e3%83%87%e3%83%ab%e3%81%ab%e7%b5%b1/)
