フレックスコンテナの概要

最終更新日 : 2026年8月7日

InDesign のフレックスコンテナパネルを使用して、フレックスコンテナ内のアイテムの作成、配置、方向設定、折り返し、均等配置、および間隔設定を行います。

フレックスコンテナとは？

フレックスコンテナは、コンテンツの変更に応じて自動的に適応するコンテナを作成できる機能です。コンテナ内の項目は、方向、間隔、パディング、整列を使用して配置されます。コンテンツの追加、削除、サイズ変更時にレイアウトが自動調整されるので、手動での調整が不要になります。

フレックスコンテナのオプションにアクセス

ドキュメント内のオブジェクト、グループ、または複数のオブジェクトを選択し、以下のいずれかの方法でフレックスコンテナのオプションにアクセスします。

オブジェクト／フレックスコンテナに移動します。
オブジェクトを右クリックして「フレックスコンテナ」にアクセスします。
ウィンドウ／フレックスコンテナパネルに移動します。
親オブジェクトを操作するには 1 回選択し、子オブジェクトを選択するにはダブルクリックします。
ダイレクト選択ツールを使用して子要素を選択します。

フレックスコンテナに追加	選択したオブジェクトをフレックスコンテナに追加します。
フレックスコンテナに変換	長方形フレーム、長方形シェイプ、またはグループなどのオブジェクトをフレックスコンテナに変換します。
フレックスコンテナを削除	選択範囲からフレックスコンテナを削除します。フレックスコンテナに複数のオブジェクトが存在する場合、グループが作成されます。オブジェクトが 1 つの場合、そのオブジェクトは維持されます。
フレックスコントロールを表示	フレックスコンテナパネル（プロパティパネルの代替）を開きます。

フレックスコンテナは、InDesign に CSS Flexbox に似たコンテナの概念を導入します。子オブジェクトに対して強力なレイアウトコントロールを提供します。フレックスコンテナを使用すると、デザインが構造化され、よりアダプティブになり、手動での調整が少なくなります。

フレックスコンテナ

フレックスコンテナのプロパティはオブジェクトスタイルで直接設定できます。垂直コンテナという名前のオブジェクトスタイルを作成して、フレックスコンテナ設定を含め、レイアウト内の任意のフレックスコンテナに適用できます。

例：

オブジェクトスタイルパネルを使用してフレックスコンテナを適用し、方向、配置、間隔などのプロパティを設定します。保存後、このスタイルを他のコンテナに適用し、レイアウト動作を一貫させます。

フレックスコンテナの子

オブジェクトスタイルの同じ「フレックスコンテナ」セクションでは、フレックスコンテナの子要素とそのネストされた子要素のプロパティも定義でき、固定寸法または柔軟な寸法などの動作をレイアウト全体で標準化できます。

インタラクティブ要素の直接作成：フレックスコンテナ内の子要素を、個別に作成してフレックスコンテナに追加することなく、インタラクティブ要素に変換します。
子要素をロック：フレックスコンテナ内の 1 つまたは複数の子要素をロックして、直接的なドラッグ、サイズ変更、フレーム外への移動を防ぎながら、キーボードの矢印キーを使用した位置変更は可能にします。
子要素のキーボードナビゲーション：水平レイアウトでは左右の矢印キー、垂直レイアウトでは上下の矢印キーを使用して、ロックされた要素またはロックされていない要素の位置を変更できます。

ヒント

オブジェクトスタイルを使用して、ロックされたフレックスフレーム内のフレックスプロパティを定義できます。

フレックスコンテナパネル

パネルにアクセスするには、ウィンドウ／フレックスコンテナに移動します。フレックスコンテナパネルが開きます。新規にフレックスコンテナを作成または追加したり、既存のものを要件に応じてカスタマイズしたりできます。何も選択されていない場合、パネルを使用してデフォルト設定を変更することもできます（自動検出がオフの場合に適用）。環境設定／一般／フレックスコンテナ設定を自動検出して適用で自動検出設定を確認します。

A. フレックスコンテナの幅 B. フレックスコンテナの高さ C. 折り返し D. フレックスコンテナでのオブジェクトの方向 E. 垂直方向の間隔 F. 水平方向の間隔 G. パディング H. ジャスティフィケーション I. フレックスコンテナでのオブジェクトの配置

幅と高さ

フレックスコンテナとその子要素のサイズは、個別にコントロールできます。フレックスコンテナの幅と高さは、次のように設定できます。

固定：コンテナのサイズは、コンテンツに関係なく一定のままです。
自動：コンテナのサイズは、子要素のサイズに基づいて拡大または縮小します。

フレックスコンテナの子要素（ネストされたフレックスコンテナを含む）の場合：

固定：子要素のサイズは、そのコンテンツに関係なく一定に保たれます。
自動：子要素のサイズは、そのコンテンツまたは子要素に合わせて調整されます。
間隔を埋める：子要素はその面積で残りの空きスペースを占めるように拡張し、必要に応じて他の「間隔を埋める」が設定された兄弟要素とスペースを共有します。

折り返し

コンテナ内のオブジェクトの折り返しのオン／オフを切り替えます。

組み方向

コンテナ内でのアイテムのフロー動作を選択します（行、行反転、列、列反転）。

間隔

パディングと間隔をコントロールします。

パディング：コンテナ内のすべての側面（上、下、左、右）の間隔を定義します。
水平方向の間隔：アイテム間の水平方向の間隔を一定に設定します。
垂直方向の間隔：アイテム間の垂直方向の間隔を一定に設定します。

ジャスティフィケーション

主軸に沿ったアイテムの配置をコントロールします。

	行をフレックスコンテナの開始位置に揃え、アイテムを行の開始位置に揃えます。
	行をフレックスコンテナの中央に揃え、アイテムを行の中央に揃えます。
	行をフレックスコンテナの終了位置に揃え、アイテムを行の終了位置に揃えます。
	行内のアイテムを次のように配置します。各アイテムの両側のスペースを均等にします。端のアイテムは片側のみが露出し、端のスペースはアイテム間のスペースの半分になります。
	行内のアイテムを次のように配置します。最初のアイテムは開始端に接し、最後のアイテムは終了端に接します。両端以外の残りのアイテムは、均等間隔で配置されます。アイテムを主軸に沿って均等に配置し、最初のアイテムは開始位置に、最後のアイテムは終了位置に配置します。外側の端にはギャップがありません。
	行内のアイテムを次のように配置します。アイテム間および端部のすべての間隔を均等にします。すべてが完全に均等です。

揃え

アイテムを交差軸に沿って上、中央、下、または左、中央、右に整列します。

	上左：行をフレックスコンテナの上部左側に揃え、行内のアイテムを行の上部左側に揃えます。
	中央左：行をフレックスコンテナの中央左側に揃え、行内のアイテムを行の中央左側に揃えます。
	下左：行をフレックスコンテナの下部左側に揃え、行内のアイテムを行の下部左側に揃えます。
	上中央：行をフレックスコンテナの上部中央に揃え、行内のアイテムを行の上部中央に揃えます。
	中央：行をフレックスコンテナの中央に揃え、行の項目を行の中央に揃えます。
	下中央：行をフレックスコンテナの下部中央に揃え、行内のアイテムを行の下部中央に揃えます。
	上右：行をフレックスコンテナの上部右側に揃え、行内のアイテムを行の上部右側に揃えます。
	中央右：行をフレックスコンテナの中央右側に揃え、行内のアイテムを行の中央右側に揃えます。
	下右：行をフレックスコンテナの下部右側に揃え、行内のアイテムを行の下部右側に揃えます。

フレックスコンテナの選択インジケーター

InDesign では、フレックスコンテナの選択状態を理解するのに役立つように、次のような視覚的な手がかりを使用しています。

点線のアウトラインは、非アクティブなレイアウトレベルを示します。
実線のアウトラインは、選択可能な同階層フレームを示します。
ダイレクト選択ツールを使用すると、繰り返しクリックすることなく直接、ネストされたフレームを選択できます。

これらのインジケーターは、ネストされたレイアウトで作業する際の階層と選択の焦点を明確にするのに役立ちます。

カンバス上のパディングと間隔コントロール

フレックスコンテナでは、パディングと間隔を調整するための、次のようなインタラクティブなカンバス上のコントロールが提供されます。

リンクされたパディング：4 つのパディング値をすべて一緒に調整します。
リンクされていないパディング：各辺を個別に調整します。
水平および垂直間隔：折り返された行や列を含む、アイテム間の間隔を直接変更します。

フレックスコンテナパネルでは、カンバス上の視覚的なインジケーターは、現在の値を反映し、リアルタイムで更新されます。

フレックスコンテナフレームの変形とシアー

フレックスコンテナの動作を中断することなく、フレックスコンテナの回転、反転、拡大・縮小またはシアーを行うことができるようになりました。変形は親フレームおよびネストされたフレックスフレームの両方に適用され、オブジェクトを変形している間もフレックスコンテナパネルはアクティブな状態が維持されます。これにより、フレックス構造を壊すことなく、コンテナを変形しながら配置、間隔、折り返し、方向を調整できます。

InDesign で印刷物やデジタル資料を作成
インパクトのある広告、雑誌や本のレイアウトなどをデザインできます。

アプリを開く

フレックスコンテナを使用するチームページの作成

学ぶ

アプリ内のステップバイステップのビデオチュートリアルと実践的なガイダンスで学習できます。

コミュニティ

ディスカッションに参加し、回答を見つけ、専門家から学び、知識を共有することができます。

アドビホーム

お気に入りの Creative Cloud アプリ、サービス、ファイル管理などにアクセスできます。