テキストツールは、シェイプに添付されていない独立したテキストオブジェクトを作成します。ラベル、タイトル、アノテーション、ダイアグラム内で自由に配置する必要のあるテキストに使用します。

テキストツール vs. シェイプテキスト

Diagrammix3 にはテキストを追加する2つの方法があります:

機能テキストツール(スタンドアロン)シェイプテキスト
配置場所キャンバスのどこでもシェイプの内部
背景デフォルトで透明シェイプの塗り
境界線デフォルトでなしシェイプのストローク
コネクタコネクタを接続可能シェイプの一部
移動独立シェイプと一緒に移動
適した用途ラベル、アノテーション、タイトルシェイプの内容

スタンドアロンテキストの作成

テキストツールの使用

  1. ツールバーのテキストツールをクリック(または T を押す)
  2. キャンバスの任意の場所をクリック
  3. テキスト入力エリアが表示される
  4. テキストを入力
  5. 外側をクリックまたは Esc を押して完了

テキストオブジェクトは選択された状態のまま、すぐにスタイリングできます。

テキストオブジェクトの作成

代替方法: ドラッグして作成

特定の寸法のテキストボックスを作成するには:

  1. テキストツールを選択
  2. クリックしてドラッグしてテキストボックス領域を定義
  3. リリースしてテキストボックスを作成
  4. テキストを入力

これにより、固定幅のテキストオブジェクトが作成され、テキストは境界内で折り返されます。

テキスト内容の編集

既存のテキストを編集するには:

  1. テキストオブジェクトをダブルクリック
  2. テキストが編集可能になる
  3. 変更を加える
  4. 外側をクリックまたは Esc を押して完了

代替方法:

  • テキストを選択して Enter を押して編集
  • テキストを選択して入力を開始するとすべてのコンテンツを置換

テキストのフォーマット

基本フォーマット

テキストを選択した状態で、インスペクタパネルのテキストセクションを使用:

フォントファミリー

  • インストールされたすべてのシステムフォントから選択
  • 一般的な選択肢:Helvetica、Arial、Times、Courier

フォントサイズ

  • 範囲:6pt から 200pt 以上
  • 一般的なサイズ:12pt(本文)、18pt(見出し)、24pt以上(タイトル)

フォントスタイル

  • 太字 (Cmd+B)
  • 斜体 (Cmd+I)
  • 下線 (Cmd+U)

テキスト色

  • カラーウェルをクリックして色を選択
  • 一貫性のためにカラースキームにリンク

配置

テキストが境界内でどのように配置されるかを制御:

  • 左揃え - テキストが左端に揃う
  • 中央揃え - テキストが水平方向の中央に
  • 右揃え - テキストが右端に揃う

配置の用途:

  • 左揃え:本文、リスト、標準ラベル
  • 中央揃え:タイトル、見出し、コールアウト
  • 右揃え:数値データ、代替レイアウト

テキストの回転

テキストを任意の角度に回転:

  1. テキストオブジェクトを選択
  2. インスペクタで回転または角度を見つける
  3. 度数を入力(0〜360)
  4. 一般的な角度:
    • 0度:水平(デフォルト)
    • 90度:垂直(上から下)
    • -90度 または 270度:垂直(下から上)
    • 45度:斜め

回転テキストは以下に便利:

  • チャートの軸ラベル
  • 垂直方向のスイムレーンラベル
  • 斜めの強調
  • スペースを節約するレイアウト

テキスト回転の例

自動サイズ vs. 固定幅

テキストオブジェクトには2つの動作モードがあります:

自動サイズモード

  • テキストボックスがコンテンツに合わせて拡大
  • 単一行または複数行(改行に基づく)
  • 幅が自動的に調整
  • 適した用途: ラベル、単一行のアノテーション

自動サイズを有効にするには:

  1. テキストオブジェクトを選択
  2. インスペクタで自動サイズをチェック(または同様のオプション)

固定幅モード

  • テキストボックスの幅が定義済み
  • テキストが境界内で折り返し
  • 高さはコンテンツに合わせて調整
  • 適した用途: 段落、説明文、複数行ラベル

固定幅を設定するには:

  1. ドラッグしてテキストを作成(幅を定義)
  2. または:テキストオブジェクトのハンドルをリサイズして幅を設定
  3. テキストが自動的に折り返し

テキストのパディング

テキストと境界の間のスペースを制御:

  1. テキストオブジェクトを選択
  2. インスペクタのテキストセクション
  3. パディングの値を調整:
    • 全辺: 均一なパディング
    • 上/下/左/右: 個別制御

パディングは以下の場合に便利:

  • 背景色や境界線を追加する時
  • ボタンのようなテキストオブジェクトを作成する時
  • テキストがエッジに触れないようにする時

背景と境界線の追加

テキストオブジェクトはデフォルトで透明ですが、シェイプのようにスタイリングできます:

背景の追加

  1. テキストオブジェクトを選択
  2. インスペクタの塗りセクション
  3. 塗りの色を選択
  4. テキストに色付きの背景が付く

境界線の追加

  1. テキストオブジェクトを選択
  2. インスペクタのストロークセクション
  3. ストロークの色と太さを設定
  4. テキストオブジェクトにアウトラインが付く

ユースケース:

  • コールアウトとアノテーション
  • ボタンスタイルのラベル
  • ハイライトされた重要なメモ
  • テキストバッジの作成

スタイル付きテキストオブジェクト

テキストオブジェクトへの接続

テキストオブジェクトにはコネクタを接続できます:

  1. コネクタツールを使用
  2. シェイプからテキストオブジェクトに接続
  3. またはテキストからテキストへ
  4. またはテキストから他の要素へ

以下に便利:

  • 特定の要素を指すアノテーション
  • ラベル付きリレーションシップの作成
  • テキストノードでのコンセプトマップの構築

シェイプの代替としてのテキストオブジェクト

背景と境界線を付けると、テキストオブジェクトはラベル付きシェイプのように機能します:

シェイプ内テキストに対する利点:

  • テキストファーストのワークフロー(テキストのサイズ設定が主)
  • テキストの多いダイアグラムでよりシンプル
  • コンテンツに合わせた自動サイズ調整

代わりにシェイプを使う場合:

  • 特定のシェイプが必要(矩形、楕円、カスタム)
  • シェイプの外観が主要
  • シェイプ固有の機能を使用(グラデーション、エフェクト)

ユースケース

ダイアグラムのタイトル

ダイアグラムの上部にある大きな中央揃えテキスト:

╔═══════════════════════════════╗
║   System Architecture Diagram  ║
╚═══════════════════════════════╝

アノテーション

特定のダイアグラム要素を指す小さなテキストオブジェクト:

[Shape] ← "This is the main component"

スイムレーンラベル

ダイアグラム領域にラベルを付ける垂直または水平テキスト:

│ R&D  │ Marketing │ Sales │
├──────┼───────────┼───────┤
│      │           │       │

凡例

ダイアグラムのシンボルを説明するテキストオブジェクト:

■ = Completed
□ = In Progress
○ = Not Started

フリーフォームメモ

ダイアグラムの任意の場所にある複数行テキスト:

Notes:
- Implementation starts Q3
- Requires approval
- Budget: $50K

ヒント

  1. レイヤーを活用 - アノテーションテキストは別のレイヤーに配置して表示/非表示を簡単に
  2. 一貫したスタイリング - 同様のテキストタイプには同じフォント/サイズを使用
  3. カラースキームにリンク - テキスト色がダイアグラムのテーマに合うようにする
  4. 可読性を考慮 - テキストと背景の間に十分なコントラストを確保
  5. 段落には固定幅を使用 - 長いコンテンツにはテキストを自然に折り返させる

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

  • T - テキストツールをアクティブ化
  • Cmd+B - 太字
  • Cmd+I - 斜体
  • Cmd+U - 下線
  • ダブルクリック - テキスト内容を編集
  • Enter(選択時) - テキスト内容を編集
  • Esc - 編集を終了

テキスト vs. テキスト要素

一部のダイアグラムツールでは「テキスト」と「テキスト要素」を区別しています。Diagrammix3 では:

  • テキストツールがスタンドアロンのテキストオブジェクトを作成(このページ)
  • シェイプテキストはシェイプ内のテキスト(シェイプをダブルクリックして編集)
  • 両方とも完全なフォーマットをサポートしますが、動作が異なります

関連トピック