グループ

グループを使うと、複数のシェイプを1つの単位にまとめ、一緒に移動、サイズ変更、スタイル設定ができます。複雑なダイアグラムの整理や関連する要素の操作に不可欠です。

グループの作成

シェイプのグループ化

  1. 複数のシェイプを選択:
    • クリックしてドラッグで選択矩形を描画
    • または Shift+クリックでシェイプを選択に追加
  2. Cmd+G を押すか、配置 → グループ に移動
  3. シェイプがグループ化される

グループ化前のシェイプ

グループ化後のシェイプ

グループ化できるもの

以下をグループ化できます:

  • シェイプ(矩形、円、カスタムシェイプ)
  • テキスト要素
  • コネクタ(接続されたシェイプを含む)
  • 画像
  • 他のグループ(ネストされたグループ)

グループの操作

グループの移動

グループをクリックしてドラッグすると、すべての要素が一緒に移動します。相対位置はすべて保持されます。

グループのサイズ変更

コーナーハンドルをドラッグしてグループ全体のサイズを変更します。すべての要素が比例的にスケールします。

比率を維持せずにサイズ変更するには:

  • コーナーをドラッグしながら Shift を押す(バージョンによって異なる場合があります)

グループの回転

グループを選択して回転ハンドルをドラッグすると、すべての要素がグループの中心を軸に回転します。

グループメンバーの選択

グループ編集モードに入る

グループ内の個々の要素を選択して編集するには:

  1. グループをダブルクリック
  2. 「グループ編集モード」に入る
  3. 個々の要素をクリックして選択
  4. 編集を行う
  5. グループの外側をクリックして編集モードを終了

グループ編集モード

ダイレクト選択

以下も可能です:

  • グループ内の要素を Cmd+クリック して直接選択
  • グループ編集モードに入らずに要素を選択できます

グループ解除

グループ解除コマンド

  1. グループを選択
  2. Cmd+Shift+G を押すか、配置 → グループ解除 に移動
  3. 要素が再び個別になる

ネストされたグループの解除

すべてのレベルを一度に解除するには:

  • 外側のグループを選択
  • Cmd+Shift+G を繰り返し押す
  • または Option を押しながらグループ解除してすべてのレベルを解除

ネストされたグループ

グループは他のグループを含むことができ、階層を作成します:

Main Group
├── Subgroup A
│   ├── Shape 1
│   └── Shape 2
├── Subgroup B
│   └── Shape 3
└── Shape 4

ネストされたグループの作成

  1. グループを作成(グループ A)
  2. 別のグループを作成(グループ B)
  3. 両方のグループを選択
  4. Cmd+G を押して親グループを作成

ネストされたグループのナビゲーション

  • ダブルクリックしてグループに入る
  • 再度ダブルクリックしてネストされたグループに入る
  • 外側をクリックして1レベル出る
  • さらに外側をクリックしてすべてのレベルから出る

グループスタイル

グループへのスタイル適用

グループにスタイルを適用すると:

  • 塗りとストロークはグループのバウンディングボックスに影響(表示されている場合)
  • テキストスタイルはグループ内のすべてのテキストに影響
  • 一部のプロパティは個々の要素にのみ適用

グループのバウンディングボックス

グループにはオプションでバウンディングボックスを表示できます:

  1. グループを選択
  2. インスペクタでグループオプションを見つける
  3. 境界を表示 を有効化
  4. 必要に応じてバウンディングボックスのスタイルを設定

一般的なユースケース

ロゴやアイコン

シェイプを組み合わせてロゴを作成し、グループ化して簡単に配置:

  1. 複数のシェイプでアイコンをデザイン
  2. すべてのシェイプを選択
  3. グループ化
  4. 1つの単位として移動やサイズ変更

ダイアグラムコンポーネント

再利用可能なコンポーネントを作成:

  1. サーバーラック、ユーザーアイコン、その他の要素をデザイン
  2. グループ化
  3. 複製 (Cmd+D) してコピーを作成
  4. 各コピーは独立したグループ

フローチャートセクション

フローチャートのセクションを整理:

  1. 関連するシェイプとコネクタをグループ化
  2. セクション全体を簡単に移動
  3. 一貫したスタイリングを適用

テンプレート要素

グループ化されたプレースホルダーを含むテンプレートを作成:

  1. ヘッダー、セクション、装飾要素をデザイン
  2. 各テンプレートコンポーネントをグループ化
  3. 変更すべきでないグループをロック

ヒント

  1. グループに名前を付ける: インスペクタを使ってグループにわかりやすい名前を設定
  2. 整列に活用: 整列を維持すべき要素をグループ化
  3. 過度なグループ化を避ける: グループは論理的に、深いネストは控えめに
  4. ショートカットを覚える: Cmd+G(グループ化)と Cmd+Shift+G(グループ解除)
  5. 編集モード: グループ解除せずにダブルクリックで編集

キーボードショートカット

操作ショートカット
グループ化Cmd+G
グループ解除Cmd+Shift+G
グループ編集に入るダブルクリック
グループ編集を終了外側をクリック
グループ内の直接選択Cmd+クリック