グループ
グループを使うと、複数のシェイプを1つの単位にまとめ、一緒に移動、サイズ変更、スタイル設定ができます。複雑なダイアグラムの整理や関連する要素の操作に不可欠です。
グループの作成
シェイプのグループ化
- 複数のシェイプを選択:
- クリックしてドラッグで選択矩形を描画
- または Shift+クリックでシェイプを選択に追加
- Cmd+G を押すか、配置 → グループ に移動
- シェイプがグループ化される


グループ化できるもの
以下をグループ化できます:
- シェイプ(矩形、円、カスタムシェイプ)
- テキスト要素
- コネクタ(接続されたシェイプを含む)
- 画像
- 他のグループ(ネストされたグループ)
グループの操作
グループの移動
グループをクリックしてドラッグすると、すべての要素が一緒に移動します。相対位置はすべて保持されます。
グループのサイズ変更
コーナーハンドルをドラッグしてグループ全体のサイズを変更します。すべての要素が比例的にスケールします。
比率を維持せずにサイズ変更するには:
- コーナーをドラッグしながら Shift を押す(バージョンによって異なる場合があります)
グループの回転
グループを選択して回転ハンドルをドラッグすると、すべての要素がグループの中心を軸に回転します。
グループメンバーの選択
グループ編集モードに入る
グループ内の個々の要素を選択して編集するには:
- グループをダブルクリック
- 「グループ編集モード」に入る
- 個々の要素をクリックして選択
- 編集を行う
- グループの外側をクリックして編集モードを終了

ダイレクト選択
以下も可能です:
- グループ内の要素を Cmd+クリック して直接選択
- グループ編集モードに入らずに要素を選択できます
グループ解除
グループ解除コマンド
- グループを選択
- Cmd+Shift+G を押すか、配置 → グループ解除 に移動
- 要素が再び個別になる
ネストされたグループの解除
すべてのレベルを一度に解除するには:
- 外側のグループを選択
- Cmd+Shift+G を繰り返し押す
- または Option を押しながらグループ解除してすべてのレベルを解除
ネストされたグループ
グループは他のグループを含むことができ、階層を作成します:
Main Group
├── Subgroup A
│ ├── Shape 1
│ └── Shape 2
├── Subgroup B
│ └── Shape 3
└── Shape 4
ネストされたグループの作成
- グループを作成(グループ A)
- 別のグループを作成(グループ B)
- 両方のグループを選択
- Cmd+G を押して親グループを作成
ネストされたグループのナビゲーション
- ダブルクリックしてグループに入る
- 再度ダブルクリックしてネストされたグループに入る
- 外側をクリックして1レベル出る
- さらに外側をクリックしてすべてのレベルから出る
グループスタイル
グループへのスタイル適用
グループにスタイルを適用すると:
- 塗りとストロークはグループのバウンディングボックスに影響(表示されている場合)
- テキストスタイルはグループ内のすべてのテキストに影響
- 一部のプロパティは個々の要素にのみ適用
グループのバウンディングボックス
グループにはオプションでバウンディングボックスを表示できます:
- グループを選択
- インスペクタでグループオプションを見つける
- 境界を表示 を有効化
- 必要に応じてバウンディングボックスのスタイルを設定
一般的なユースケース
ロゴやアイコン
シェイプを組み合わせてロゴを作成し、グループ化して簡単に配置:
- 複数のシェイプでアイコンをデザイン
- すべてのシェイプを選択
- グループ化
- 1つの単位として移動やサイズ変更
ダイアグラムコンポーネント
再利用可能なコンポーネントを作成:
- サーバーラック、ユーザーアイコン、その他の要素をデザイン
- グループ化
- 複製 (Cmd+D) してコピーを作成
- 各コピーは独立したグループ
フローチャートセクション
フローチャートのセクションを整理:
- 関連するシェイプとコネクタをグループ化
- セクション全体を簡単に移動
- 一貫したスタイリングを適用
テンプレート要素
グループ化されたプレースホルダーを含むテンプレートを作成:
- ヘッダー、セクション、装飾要素をデザイン
- 各テンプレートコンポーネントをグループ化
- 変更すべきでないグループをロック
ヒント
- グループに名前を付ける: インスペクタを使ってグループにわかりやすい名前を設定
- 整列に活用: 整列を維持すべき要素をグループ化
- 過度なグループ化を避ける: グループは論理的に、深いネストは控えめに
- ショートカットを覚える: Cmd+G(グループ化)と Cmd+Shift+G(グループ解除)
- 編集モード: グループ解除せずにダブルクリックで編集
キーボードショートカット
| 操作 | ショートカット |
|---|---|
| グループ化 | Cmd+G |
| グループ解除 | Cmd+Shift+G |
| グループ編集に入る | ダブルクリック |
| グループ編集を終了 | 外側をクリック |
| グループ内の直接選択 | Cmd+クリック |