屈折点を使うと、コネクタのパスを手動で制御できます。コネクタに沿ってポイントを追加、移動、削除して、自動ルーティングをオーバーライドし、思い通りの場所にルーティングできます。

屈折点とは？

屈折点は、コネクタのパスが方向を変えるノードです。スマートコネクタがパスを自動的に計算する一方で、屈折点を使えば手動で制御できます。

屈折点の図

屈折点の追加

ダブルクリック方式

  1. コネクタを選択
  2. コネクタのパス上の任意の場所をダブルクリック
  3. その位置に新しい屈折点が表示される
  4. コネクタのパスが新しいポイントを含むように調整される

ドラッグ方式（スマート直交のみ）

スマート直交ルーティングを使用するコネクタの場合：

  1. コネクタの任意のセグメントをクリックしてドラッグ
  2. ドラッグに応じてコネクタが自動的に屈折点を作成
  3. リリースして新しいパスを設定

屈折点の移動

屈折点を追加した後：

  1. コネクタをクリックして屈折点を表示
  2. 任意の屈折点をクリックしてドラッグして新しい位置に移動
  3. コネクタのパスがリアルタイムで更新
  4. リリースして新しい位置を確定

制約動作：

  • 直交コネクタ: 屈折点は水平/垂直方向の整列にスナップ
  • 直線コネクタ: ポイントは任意の方向に自由に移動
  • Shift を押しながら: 移動を水平または垂直のみに制限

屈折点の移動

屈折点の削除

屈折点を削除するには：

方法1: 直接削除

  1. 屈折点をクリックして選択
  2. Delete または Backspace を押す
  3. コネクタのパスが簡素化され、そのポイントが削除される

方法2: ドラッグして削除 直交コネクタの場合：

  1. 屈折点を隣接するセグメントに向かってドラッグ
  2. 十分近づくと自動的に結合/削除される

ヒント: 始点と終点は削除できません。中間の屈折点のみ削除可能です。

屈折点 vs. ルーティングモード

屈折点の動作はコネクタのルーティングモードに依存します：

直線モード

  • 屈折点がポリラインセグメントを作成
  • 各セグメントは直線
  • ポイントは任意の場所に配置可能
  • カスタムの角度パスに便利

直交モード

  • 屈折点は90度の角度を維持
  • セグメントは水平または垂直を維持
  • ポイントはグリッドにスナップ（有効な場合）
  • フローチャートや回路図に最適

スマート直交モード

  • 手動の屈折点が自動ルーティングをオーバーライド
  • コネクタは手動ポイントを通過する以外は自動的にルーティング
  • ハイブリッドアプローチ：指定しない場所は自動、指定した場所は手動
  • 両方の利点を兼ね備える

ルーティングモードと屈折点

ユースケース

混雑の回避

屈折点を追加して、混雑したエリアの周りにコネクタをルーティング：

Shape A → bend → bend → Shape B
             ↓
         [avoid this crowded area]

スマートルーティングに任せる代わりに、空いたスペースを通る正確なパスを指定します。

フロー方向の強調

屈折点を使ってフロー方向を視覚的に明確に：

  • 重要なパスを中央にルーティング
  • 二次的なパスをエッジの周りにルーティング
  • ルーティングによる視覚的な階層を作成

ダイアグラム規約への適合

特定のダイアグラム標準に従う：

  • BPMN: 特定のルーティングパターン
  • UML: 標準的なメッセージの傾き
  • 電気回路: 直角ルーティングのみ

外観の制御

コネクタの外観を微調整：

  • 複数のコネクタを平行に整列
  • 対称的なルーティングパターンを作成
  • 手描きダイアグラムのスタイルに合わせる

屈折点のユースケース

複数のコネクタでの作業

同じシェイプ間で複数のコネクタをルーティングする場合：

  1. 屈折点を追加して平行パスを作成
  2. 均一な外観のために屈折点を等間隔に配置
  3. 屈折点に整列コマンドを使用して完璧な整列を実現
  4. 屈折点の位置を合わせて1つのコネクタのパスを他にコピー

屈折点とスマートルーティング

手動ルーティングと自動ルーティングを組み合わせることができます：

  1. スマート直交ルーティングから開始
  2. 必要な場所にのみ手動の屈折点を追加
  3. コネクタはそれ以外の場所では自動的にルーティング
  4. ダイアグラムの変更に合わせて屈折点を更新

スマートルーティングの再計算タイミング：

  • 接続されたシェイプの移動で自動セグメントが調整される場合がある
  • 手動の屈折点は固定のまま
  • 両方の利点：自動化 + 制御

ヒント

  1. 控えめに使用 - 自動ルーティングがうまくいかない場合にのみ屈折点を追加
  2. 少ないほど良い - 明確さのためにコネクタのパスはシンプルに
  3. 屈折点を整列 - グリッドスナップや整列ツールを使ってきれいなパスに
  4. 移動テスト - 屈折点を追加した後、シェイプを移動してパスが機能するか確認
  5. 複雑なルーティングの記録 - 多数の屈折点が必要な場合、レイアウトを簡素化できないか検討

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

  • ダブルクリック コネクタ - 屈折点を追加
  • Delete - 選択した屈折点を削除
  • 矢印キー - 選択した屈折点を微調整（1ピクセル）
  • Shift+矢印キー - 屈折点を微調整（10ピクセル）
  • Cmd+Z - 屈折点の変更を元に戻す

制限事項

  • 屈折点はコネクタでのみ機能します（シェイプでは不可）
  • スティッキースポットに接続されたコネクタでは、一部のケースで屈折点を追加できません
  • 非常に複雑なパス（20以上の屈折点）はレンダリングが遅くなる場合があります

自動ルーティングへのリセット

すべての手動屈折点を削除して自動ルーティングに戻すには：

  1. コネクタを選択
  2. 右クリックしてパスをリセットを選択（または同様のコマンド）
  3. すべての屈折点が削除される
  4. スマートルーティングが再び引き継ぐ

または、ルーティングモードを変更してから元に戻すことで再計算を強制することもできます。

関連トピック