---
title: リスト、ツリー、ノード
date: 2022-09-19T09:36:22.000Z
updated: 2026-01-08T14:50:48.546Z
tags:
  - UI
url: https://baku89.com/%E3%83%AA%E3%82%B9%E3%83%88%E3%80%81%E3%83%84%E3%83%AA%E3%83%BC%E3%80%81%E3%83%8E%E3%83%BC%E3%83%89
---

# リスト、ツリー、ノード

リストUIで表現できるデータ構造は、ツリーUIによっても表現でき、ツリーUIによって表現できるデータ構造は、ノードUIによって表現できます。

- **リストUI**：：After Effectsのコンポジションがその例
  - 畳み込み構造が表現可能
- **ツリーUI**：グループ化が可能。Photoshopのレイヤー構造など
  - 木構造が表現可能
- **ノードUI**：文字通りノードベースUI。TouchDesigner、Houdiniなど
  - 非巡回有向グラフ構造が表現可能。木構造に加え、分流や合流をあつかえる

After EffectsはリストUIを採用していますが、「プリコンポーズ」機能によって、コンポジション合成における表現力をノードUIと同等に引き上げています。

[#UI](UI)