メインコンテンツにスキップ

ツールを探す

テキスト・開発端末内で処理・アップロードなし
🔒ブラウザ内処理・アップロード不要

ASCII図形エディター

フローチャートや構成図のテンプレートを編集し、等幅プレビューで確認。コピーまたは.txt保存できるASCII図エディター。

テンプレートから伝わるテキスト図を作る

図を選び、内容を編集して、そのままコピーまたはテキスト保存できます。処理はブラウザ内で完結します。

完了

1. 図の型を選ぶ

選択すると現在の編集内容を置き換えます。直前の内容には「元に戻す」で戻れます。

2. 内容を編集

選択中: フローチャート。等幅フォントで配置を調整してください。

534 / 100,000文字

3. 表示を確認

貼り付け先のフォントによって全角文字の幅が変わる場合があります。

┌─────────┐
│  開始   │
└────┬────┘
     │
     ▼
┌─────────┐
│ 入力受付 │
└────┬────┘
     │
     ▼
┌─────────┐     有効    ┌─────────┐
│ 入力検証 │──────────▶│  処理   │
└────┬────┘           └────┬────┘
     │ 無効                 │
     │                      │
     ▼                      ▼
┌─────────┐           ┌─────────┐
│エラー表示 │           │結果出力 │
└────┬────┘           └────┬────┘
     │                      │
     └──────────┬───────────┘
                │
                ▼
          ┌─────────┐
          │  終了   │
          └─────────┘

4. 図を使う

コピーしてMarkdownやコードコメントへ貼り付けるか、.txtで保存できます。

次にMarkdownをHTML化

このツールは誰向け?

技術ブログを書く開発者、ドキュメント作成者、システム設計者、プレゼンテーション資料を作成するエンジニア

使用場面

  • 1技術ブログにシンプルな図を埋め込みたい時
  • 2ドキュメントで手軽に構成図を説明したい時
  • 3チャットやメールで簡易的な図を共有したい時
  • 4プレゼンテーションでソースコード風の図を使いたい時

よくある質問

どのような図を作成できますか?
フローチャート、シーケンス図、システム構成図、簡易クラス図、簡易ER図をテキストで編集できます。テンプレート選択で内容を置き換えた後も、直前の内容へ戻せます。
作成した図はどこで使えますか?
技術ブログ、ドキュメント、プレゼンテーション、コードコメント、チャットなど、テキストを貼り付けられる場所ならどこでも使用可能です。特にGitHubやSlackなどで人気です。
エクスポート機能はありますか?
作成したASCII図をテキストファイル(.txt)としてダウンロードしたり、クリップボードにコピーしたりできます。
日本語は使用できますか?
はい、日本語に対応しています。ただし、等幅フォントでの表示を前提としているため、全角文字の幅にはご注意ください。
入力内容は外部に送信されますか?
いいえ、すべての処理はブラウザ内で完結します。データがサーバーに送信されることはありません。