インスペクタパネル

インスペクタパネルは、オブジェクトのプロパティを表示・変更するための主要なコントロールセンターです。ウィンドウの右側に表示され、コンテキストに応じて変化します。キャンバス上で選択した内容に基づいて、表示されるセクションが変わります。

ツールバーのインスペクタの表示/非表示ボタンで、インスペクタの表示・非表示を切り替えます。

レイヤー

レイヤーセクションは、選択内容に関係なく常に表示されます。現在のドキュメントページのレイヤー階層を表示します。

• レイヤーの表示: 目のアイコンをクリックしてレイヤーの表示・非表示を切り替えます。非表示のレイヤーはキャンバスや書き出しに表示されません（明示的に含める場合を除く）。
• ロック: ロックアイコンをクリックして、そのレイヤー上のオブジェクトの編集を防止します。ロックされたレイヤーは選択も変更もできません。
• 名前の変更: レイヤー名をダブルクリックして編集します。
• アクティブレイヤー: ハイライトされたレイヤーが、新しいオブジェクトが作成される場所です。レイヤーをクリックしてアクティブにします。
• 並べ替え: レイヤーを上下にドラッグして重なり順を変更します。上位レイヤーのオブジェクトは、下位レイヤーのオブジェクトの前面に表示されます。
• 追加 / 削除: レイヤーリスト下部の**+および−**ボタンを使用して、レイヤーの作成や削除を行います。

!TIP 複数のレイヤーを使用して、背景要素（グリッド、ガイド）と前景コンテンツ（シェイプ、コネクタ）を分離しましょう。背景レイヤーをロックすることで、誤った編集を防止できます。

テキスト

シンボル、シェイプ、またはテーブルが選択されている場合に表示されます。オブジェクト内部に表示されるテキストの内容を制御します。

フォント

• フォントファミリー: インストールされているすべてのシステムフォントのドロップダウンから選択します。名前を入力して検索できます。
• フォントサイズ: テキストフィールドにサイズを入力するか、プリセットドロップダウン（例：9、10、11、12、14、18、24、36、48、72）から選択します。
• ボールド (B): 太字の切り替え。
• イタリック (I): 斜体の切り替え。
• アンダーライン (U): 下線の切り替え。

色と配置

• テキスト色: カラーウェルをクリックしてカラーピッカーを開きます。不透明度は個別に調整できます。
• 配置: セグメントボタンを使用して、左揃え、中央揃え、右揃えの水平配置を選択します。

サイズ調整

• 自動サイズ: 有効にすると、テキストの内容に合わせてシェイプが自動的にリサイズされます。
• 固定幅: 有効にすると、シェイプが固定幅を維持し、テキストがその中で折り返されます。

パディング

テキストとシェイプの境界間のスペースを制御します。

• モード: 相対（シェイプサイズに対するパーセンテージ）と絶対（固定ピクセル値）を切り替えます。
• 左 / 右: 水平方向のパディングスライダーと数値フィールド。
• 上 / 下: 垂直方向のパディングスライダーと数値フィールド。
• パディングを表示: 選択したシェイプのパディングガイドをキャンバス上に表示する切り替え。

ジオメトリ

シンボル、シェイプ、テーブル、グループ、または画像が選択されている場合に表示されます。位置とサイズの精密な制御を提供します。

• X: キャンバス上のオブジェクトの原点の水平位置（ポイント単位）。
• Y: キャンバス上のオブジェクトの原点の垂直位置（ポイント単位）。
• W（幅）: オブジェクトの水平方向の寸法。
• H（高さ）: オブジェクトの垂直方向の寸法。
• 回転: 角度（度単位）。値を入力するか、フィールドを使用してオブジェクトを中心を軸に回転させます。
• 適用: テキストフィールドで行った変更を確定するためにクリックします。

!TIP ドラッグでオブジェクトを移動、ハンドルでリサイズ、選択の上にある回転ハンドルをドラッグして回転することもできます。

エレメントカラー

ノーテーションシンボル（シェイプライブラリから）が選択されている場合に表示されます。ベクターパスや画像では表示されません。

• カラースキームグリッド: 選択したノーテーションで利用可能なすべてのカラースキームを表示するスウォッチのグリッド。スウォッチをクリックすると、シンボルが即座にリカラーされます。
• 不透明度: シンボルの全体的な透明度を制御するスライダー（0%〜100%）。

カラースキームを使用すると、個々の塗りつぶしやストロークの色を手動で調整することなく、ノーテーションシンボルの外観をすばやく変更できます。各ノーテーションパックは独自のカラースキームセットを定義しています。

スタイル

ベクターパスオブジェクト（矩形、楕円、フリーハンド描画など）が選択されている場合に表示されます。ビジュアルレンダリングパイプラインの完全な制御を提供します。

スタイルセクションは、選択したオブジェクトのレンダリングスタックを表示するコンポーネントアウトラインツリーを使用します。各レンダラーはチェックボックスで個別に有効・無効を切り替えられます。

ストローク

シェイプのアウトラインを制御します。

• 色: カラーウェルをクリックしてストローク色を設定します。
• 太さ: 線の太さを調整します。1、2、4、8、12、16、20 ポイントのプリセット目盛り付きスライダー。
• 破線パターン: ドロップダウンからラインスタイルを選択します：
  • 実線、点線、破線、一点鎖線、二点鎖線、長破線、短破線
• 端のスタイル: ラインの端の描画方法 — バット、ラウンド、スクエア。
• 結合スタイル: 角の描画方法 — マイター（シャープ）、ラウンド、ベベル（フラット）。
• シャドウ: ストロークへのドロップシャドウの切り替え。

塗りつぶし

シェイプの内部を制御します。タブから塗りつぶしの種類を選択します：

• ソリッド: 単一のフラットカラー。カラーウェルをクリックして選択。
• 線形グラデーション: 直線に沿った2色以上の間の滑らかな遷移。
  • グラデーションバー上のカラーストップをドラッグして位置を調整。
  • 角度: ダイヤル、数値フィールド、またはステッパーでグラデーションの方向を設定。
• 放射状グラデーション: 中心点から外側への円形の遷移。
  • 線形グラデーションと同じカラーストップ制御。
• パターン: 繰り返す画像やテクスチャで塗りつぶし。
  • ペーストでクリップボードから画像を貼り付け、読み込みでファイルを選択。

シャドウ（塗りつぶし用）

塗りつぶしでシャドウを有効にした場合：

• 角度: シャドウの方向（ダイヤル制御）。
• 距離: オブジェクトからのシャドウのオフセット量（スライダー）。
• ぼかし: シャドウのエッジの柔らかさ（スライダー）。
• シャドウ色: カラーウェルをクリックしてシャドウの色と不透明度を設定。

追加レンダラー

レンダリングツリーは、**+**ボタンで追加できる追加レンダラータイプをサポートしています：

• 矢印付きストローク: 矢印のエンドポイントを持つストローク。
• ラフストローク: 手描きスケッチスタイルのストローク。
• ジグザグストローク: ジグザグパターンのストローク。
• ジグザグ塗りつぶし: ジグザグパターンの塗りつぶし。
• ハッチ塗りつぶし: 斜線パターンの塗りつぶし。
• パスデコレーター: パスに沿ってモチーフ画像を繰り返します。
• テキストアドーンメント: シェイプに沿ってまたは内部にテキストを描画して追加します。
• 画像アドーンメント: シェイプ内部に画像を追加します。
• レンダラーグループ: 複数のレンダラーをグループ化して組み合わせ効果を実現します。ブレンド＆マスクや Core Image フィルターグループを含みます。

不透明度

• 不透明度: オブジェクト全体の透明度を制御するスライダー（0%〜100%）。すべてのレンダラーの後に適用されます。

コントゥア

ノーテーションシンボルおよび画像で表示されます。シェイプの塗りつぶしとは独立して、シェイプの周囲に描画されるアウトラインを制御します。

• コントゥアのみ描画: 有効にすると、アウトラインのみが描画されます。シェイプの内部の塗りつぶしとカラースキームは非表示になります。
• コントゥア色: カラーウェルをクリックしてアウトラインの色を設定します。
• コントゥアの種類: ラインスタイルを選択します — 実線、点線、破線、一点鎖線、二点鎖線、長破線、短破線。
• コントゥアの太さ: 太さを0.5〜10ポイントの範囲で調整します（スライダー＋数値フィールド）。
• コントゥアの不透明度: 透明度を0%〜100%の範囲で調整します（スライダー＋数値フィールド）。
• シャドウ: コントゥアへのドロップシャドウ効果の切り替え。

!TIP 「コントゥアのみ描画」を使用すると、シェイプが塗りつぶしなしのアウトラインのみで表示されるワイヤーフレームスタイルのダイアグラムを作成できます。

コネクタジオメトリ

1つ以上のコネクタが選択されている場合に表示されます。エンドポイントの正確な座標を表示します。

• 始点 X / 始点 Y: コネクタの始点の位置。
• 終点 X / 終点 Y: コネクタの終点の位置。
• 適用: 座標の変更を確定するためにクリックします。

コネクタスタイル

通常のコネクタが選択されている場合に表示されます（太線/ボディコネクタは含みません）。コネクタの外観を完全に制御します。

矢印

• 始点の矢印: クリックしてコネクタの始点の矢印ピッカーを開きます。
• 終点の矢印: クリックしてコネクタの終点の矢印ピッカーを開きます。

矢印ピッカーにはなしに加えて20種類以上の組み込みタイプがあります：

アクティブなノーテーションパックの追加 SVG 矢印も利用可能な場合があります。

色

• シャフト色: コネクタラインの色。カラースキームボタンをクリックして選択します。
• 始点矢印色: 始点の矢印の色（シャフトとは独立）。
• 終点矢印色: 終点の矢印の色（シャフトとは独立）。
• 両方の矢印とシャフトに色を適用: チェックすると、いずれかの色を変更した際に3つすべてに適用されます。

ラインスタイル

• ラインの種類: 実線、点線、破線、一点鎖線、二点鎖線、長破線、短破線、太線から選択します。
• 太さ: ラインの太さスライダー（0.5〜20ポイント）。

矢印の長さ

• 始点矢印の長さ: 始点の矢印のサイズ（スライダー 0〜150px ＋数値フィールド）。
• 終点矢印の長さ: 終点の矢印のサイズ（スライダー 0〜150px ＋数値フィールド）。
• 両方の矢印に長さを適用: チェックすると、両方の矢印が同じ長さを使用します。

ルーティングモード

コネクタのパスの計算方法を選択します：

• 直線: エンドポイント間の直接的なライン。
• ポリライン: 手動の屈折点を持つ多セグメントパス。
• 直交: 直角セグメントのみ（水平と垂直）。
• スムーズ: Bezier 曲線パス。
• スマート直交: 直交セグメントを使用してシェイプの周りを自動的にルーティング。
• スマートポリライン: 斜めセグメントを使用してシェイプの周りを自動的にルーティング。

デフォルト

設定メニューから：

• デフォルトとして保存: 現在のコネクタスタイルを新しいコネクタのデフォルトとして保存します。
• デフォルトを適用: 保存したデフォルトスタイルを選択中のコネクタに適用します。
• デフォルトをリセット: 工場出荷時のデフォルトコネクタスタイルに戻します。

すべての矢印タイプの完全なリファレンスは矢印リファレンスをご覧ください。

コネクタテキスト位置

通常のコネクタが選択されている場合に表示されます。コネクタに沿ったテキストラベルの配置方法を制御します。

• レイアウトモード: テキストとコネクタパスの関係を選択します：
  • パスに沿って: テキストがコネクタの曲線に沿って配置されます。
  • 水平: コネクタの角度に関係なく、テキストが水平のまま表示されます。
• 位置: パスに沿ったテキストの表示位置を制御するスライダー（始点から終点まで）。
• オフセット Y: コネクタラインからの垂直距離を制御するスライダー（下から上まで）。

テーブル設定

テーブルが選択されている場合に表示されます。テーブルをダブルクリックすると表示されるテーブルアクションツールバーからアクセスします。

グリッド設定

テーブルグリッドのビジュアル構造を制御します。

• グリッド表示: セル間の内部グリッド線の表示を切り替えます。
• フレーム表示: テーブルの外枠の表示を切り替えます。
• グリッド線の太さ: グリッド線の太さを調整します（スライダー、0.5〜5ポイント）。
• 角の丸み: テーブルフレームの角を丸くします（スライダー、0〜40ポイント）。
• グリッド色: カラーパレットグリッド（5行×7列のプリセットカラー）から選択します。

セル属性

個々のセルまたはテーブル全体のコンテンツと外観を制御します。

• すべてのテーブルセルに適用: チェックすると、選択したセルだけでなくテーブル内のすべてのセルに変更が適用されます。

フォント

• フォントファミリー: ドロップダウンメニューからインストール済みフォントを選択します。
• ボールド (B)、イタリック (I)、アンダーライン (U): 書体オプションの切り替え。
• フォントサイズ: ドロップダウンから選択します。

テキスト

• テキスト配置: 左揃え、中央揃え、右揃え（セグメントボタン）。
• テキスト色: カラーピッカーをクリックして選択します。
• テキスト角度: アングルノブを使用するか度数を直接入力して、セル内のテキストを回転します。一般的な値：
  • 0° — 水平（デフォルト）
  • 90° — 垂直（下から上）
  • 270° — 垂直（上から下）

スペーシング

• 上 / 下パディング: テキストとセルの端の間の垂直方向のスペース（スライダー、0〜50%）。
• 左 / 右パディング: テキストとセルの端の間の水平方向のスペース（スライダー、0〜50%）。

背景

• 背景色: カラーパレットグリッドからセルの塗りつぶし色を選択します。

テーブルの詳細については、テーブルの操作をご覧ください。

UML

UML クラスまたは UML シーケンスダイアグラムページで UML 要素が選択されている場合に表示されます。

クラスインスペクタ

UML クラスが選択されている場合に表示されます。

• クラス名: クラスヘッダーに表示される名前。
• ステレオタイプ: オプションのステレオタイプテキスト（例：<<interface>>、<<abstract>>）。
• アブストラクト: クラスをアブストラクトとしてマークする切り替え（名前がイタリックで表示されます）。
• 制約付きリサイズ: 有効にすると、リサイズ時に内部の比率が維持されます。
• 属性: クラスの属性を一覧表示するテキストエディタ。各行は UML 記法に従います： 可視性 名前: 型（例：- count: Int、+ name: String） **+**ボタンで新しい属性を追加します。
• 操作: クラスのメソッドを一覧表示するテキストエディタ。各行は UML 記法に従います： 可視性 名前(パラメータ): 戻り値の型（例：+ toString(): String） **+**ボタンで新しい操作を追加します。

リレーションシップインスペクタ

UML リレーションシップ（クラス間のコネクタ）が選択されている場合に表示されます。

• リレーションシップの種類: ピッカーから選択します：
  • 関連、有向関連、コンポジション、集約、依存、実現、継承、使用
• ラベル: リレーションシップラインに表示されるテキスト。
• ソース多重度: ソース側のカーディナリティ（例：1、0..*、1..n）。
• ターゲット多重度: ターゲット側のカーディナリティ。

シーケンス参加者インスペクタ

シーケンスダイアグラムの参加者が選択されている場合に表示されます。

• 名前: 参加者の表示名。
• ロールタイプ: 参加者のビジュアル表現を選択します：
  • 参加者: 標準ボックス
  • アクター: 棒人間
  • バウンダリ: バウンダリ記法（垂直線付きの円）
  • コントロール: コントロール記法（矢印付きの円）
  • エンティティ: エンティティ記法（下線付きの円）

シーケンスメッセージインスペクタ

シーケンスダイアグラムのメッセージ（矢印）が選択されている場合に表示されます。

• メッセージの種類: 矢印スタイルを選択します：
  • 同期: 塗りつぶし矢印付きの実線
  • 非同期: 開いた矢印付きの実線
  • リターン: 開いた矢印付きの破線
  • 生成: 新しい参加者への破線
  • 破棄: X で終わるメッセージ
  • 自己呼び出し: 同じ参加者に戻るメッセージ
• ラベル: メッセージの矢印に表示されるテキスト。

シーケンスフラグメントインスペクタ

シーケンスダイアグラムのフラグメント（複合フラグメントボックス）が選択されている場合に表示されます。

• フラグメントの種類: インタラクション演算子を選択します：
  • opt（オプション）、alt（代替）、loop、par（並行）、seq（順次）、strict、neg（否定）、assert、break、ignore、consider
• ガード条件: 括弧内に表示される条件テキスト（例：[x > 0]）。

UML ダイアグラムの詳細については、UML クラスダイアグラムおよびUML シーケンスダイアグラムをご覧ください。

レイアウト

常に表示されます（ASCII ダイアグラムモードを除く）。キャンバス上の要素を自動的に配置するためのツールを提供します。

• レイアウトアルゴリズム: シェイプとコネクタを配置する自動レイアウト戦略を選択します。
• スペーシング: 自動レイアウト実行時の要素間の距離を制御します。

詳細については、自動レイアウトをご覧ください。

スマートコネクタ

常に表示されます（ASCII ダイアグラムモードを除く）。スマートコネクタルーティングの動作を制御します。

• シェイプバッファ距離: コネクタのパスとシェイプの境界間の最小クリアランス。
• セグメントペナルティ: ルーティングアルゴリズムが追加パスセグメントを評価する際の重み付け。
• 交差ペナルティ: アルゴリズムが他のコネクタとの交差を回避する際の重み付け。
• ポート方向ペナルティ: コネクタがシェイプから垂直に出る際の厳密さを制御します。

これらの設定は、現在のページ上のすべてのスマートルーティングコネクタに影響します。詳細については、スマートコネクタをご覧ください。

テーマスタイル

キャンバステーマがクリーン以外（例：スケッチ、コミック、ブループリント）に設定されている場合に表示されます。

• ラフネス: 手描き効果の強さを制御します（値が高いほどスケッチ風）。
• ボーイング: 直線セグメントの曲がり具合を調整します（値が高いほど波打つ）。
• マルチストローク: 重なる二次的なストロークで、強調された手描き風の外観を切り替えます。
• 塗りつぶしモード: シェイプ内部のレンダリング方法を選択します：
  • オリジナル: シェイプの元の塗りつぶし色を維持。
  • ハッチュア: 対角の平行線。
  • クロスハッチ: 直交する対角線（格子パターン）。
  • ドット: ドットパターンの塗りつぶし。
• ハッチュア角度: 対角塗りつぶし線の角度（度単位）。
• ハッチュアギャップ: 塗りつぶし線間のスペース（0 = ストローク幅から自動計算）。
• ストローク幅乗数: ベース値に対するストロークの太さのスケール。
• 頂点を保持: 有効にすると、角のポイントがジッター（揺れ）なしにシャープに保たれます。

これらの設定はドキュメントレベルのオーバーライドで、キャンバス上のすべての要素に適用されます。詳細については、キャンバステーマをご覧ください。

関連トピック

• スタイルの概要 — 一般的なスタイリングの概念
• 塗りつぶしスタイル — 塗りつぶしオプションの詳細
• ストロークスタイル — ストロークオプションの詳細
• エフェクト — シャドウとその他のエフェクト
• カラースキーム — カラースキームの操作
• コネクタ — コネクタの基本
• テーブル — テーブルの基本
• UML クラスダイアグラム — UML クラス記法
• UML シーケンスダイアグラム — UML シーケンス記法