ASCIIダイアグラム

注: ASCIIダイアグラムは PRO 機能です。

ASCIIダイアグラムでは、ASCIIおよびUnicode文字を使用してテキストベースのダイアグラムを作成できます。これらのダイアグラムはプレーンテキストとして書き出せるため、コードのコメント、READMEファイル、ターミナル出力、画像が使えないドキュメントに最適です。

ASCIIダイアグラムの作成

  1. タブバーの + ボタンをクリック
  2. ASCII Diagram を選択(無料版ではロックアイコン付きで表示されます)
  3. 文字グリッドキャンバスで新しいタブが開きます

ASCIIキャンバスは標準のフリーフォームキャンバスとは異なり、ベクターシェイプを配置する代わりに、固定グリッド上に文字で描画します。

描画ツール

ASCIIページでは、ツールバーがASCII用ツールに切り替わります:

  • 描画 メニュー:
    • 図形 — ボックス、楕円、角丸ボックス
    • 線 — 線 と 矢印
  • テキストツール(T)— グリッドに直接テキストを入力
  • Unicode / ASCII トグル — キャンバスで使う文字セットを切り替え

文字セット

Diagrammixは、ASCIIダイアグラム用に2つの文字セットをサポートしています:

ASCII

どのシステムでも使える標準ASCII文字を使用:

+---+     +---+
|   |---->|   |
+---+     +---+

Unicode

よりきれいな線のためのUnicode罫線文字を使用:

┌───┐     ┌───┐
│   │────>│   │
└───┘     └───┘

書き出し

ASCIIダイアグラムをプレーンテキストファイルとして書き出す:

  1. ファイル → ASCIIテキストとして書き出す… に移動
  2. ASCIIテキスト書き出しオプション で 文字セット を選択 — 自動(変換なし)、Unicode(罫線素片)、または ASCII(プレーン)
  3. 最大列数 を設定して行の幅を制限
  4. 書き出す をクリックして保存先を選択

ASCIIテキストとして書き出す… は通常の(フリーフォームの)ページでも使用でき、ダイアグラムがテキストに変換されます。

書き出された .txt ファイルには、ダイアグラムがそのままプレーンテキストとして含まれ、コード、ドキュメント、チャットへの貼り付けにすぐ使えます。

活用例

  • コードドキュメント — ソースコードのコメントにダイアグラムを追加
  • READMEファイル — Markdownドキュメントにアーキテクチャ図を含める
  • チャットやメール — 画像がサポートされていない場所でダイアグラムを共有
  • ターミナルツール — コマンドラインアプリケーションでダイアグラムを表示
  • プレーンテキストメモ — シンプルなテキストファイルにダイアグラムを保存

ヒント

  1. ターゲットが対応している場合は、よりきれいに見えるダイアグラムのために Unicode を使用する
  2. 最大限の互換性を得るには ASCII を使用する(どこでも動作します)