DiagramGPT（Eraser）

開発者ツール更新日：2026年10月4日

DiagramGPTは、コードや自然言語のプロンプトを編集可能な技術図やドキュメントに変換するAI搭載ツールです。

入力Text出力Image

当サイトのリンクから登録すると、紹介料を受け取る場合があります。レビューの内容には影響しません。

DiagramGPT（Eraser）とは？

DiagramGPTは、雑然とした考えや生のコードを、ボックスをドラッグする面倒な作業なしに、構造化された技術的なビジュアルに変換します。SQLの断片やマイクロサービスについてのまとまりのない文章を入力すると、編集可能なキャンバス上にMermaidスタイルの図を出力します。矢印の位置合わせではなく、ロジックに集中している間に、エンティティ関係やクラウドアーキテクチャをマッピングしてくれます。複雑な分岐をうまく処理することに気づきましたが、密集したシーケンス図ではノードが不格好に積み重なることがあります。これは、20分かかるドキュメント作成作業を30秒のプロンプトに変えるという点で重要です。素早く初期草案を作成するために使い、プレゼンテーション用の間隔調整は手動で行う前提でいましょう。

DiagramGPT（Eraser）の始め方

まずEraserのウェブサイトにアクセスし、GoogleまたはGitHubアカウントでサインアップします。ログインすると、ノートパッドと製図板を組み合わせたようなキャンバスが表示されます。DiagramGPTのプロンプトバーは一番上にあり、生のテキストをそのまま入力できるので、手作業でボックスをドラッグする手間を省き、アーキテクチャのロジックに直接取り組めます。
ポイント： GitHubアカウントをリンクして開発者としてのIDを統一しましょう。
要件を平易な言葉で入力するか、雑然としたコードの塊を貼り付けます。例えば、「JWTとRedisキャッシュを使ったユーザー認証フロー」を説明します。AIはあなたの言葉を解析し、サイドパネルにライブプレビューを即座に生成します。プロダクションコードに一行も触れる前に、アーキテクチャの欠陥が見えてきます。あなたが言及し忘れたデータベースノードをAIが提案することもあります。
ポイント： 「Webhooks」や「ロードバランサー」のような具体的な技術用語を使うと、より正確な初期レイアウトが得られます。
特定の要素を選択したり、AIに「リトライロジックのループを追加して」と依頼したりして出力を洗練させます。自動配置が乱雑に感じる場合は手動で微調整できますが、AIはほとんどの位置合わせ作業をうまく処理します。これにより、従来のツールにありがちなピクセル単位の調整の疲労から解放され、ラベルのフォントサイズではなくシステム設計に集中できます。迅速なプロトタイピングにはうまく機能しますが、複雑なネスト図には手動での調整が必要になることがあります。
ポイント： マウスを動かさずにAIリファイナーを起動するには「CMD + K」ショートカットを使いましょう。
完成した図をGitHubやSlackにエクスポートしたり、コードベースのスニペットとしてコピーしたりできます。Eraserは独自の「Diagram-as-Code」構文を使用しているため、テキスト版をリポジトリに保存して今後の編集に使えます。これにより、静的な画像がドキュメントの生きた一部になり、図がようやくコードベースの更新と同期し続けるようになります。ピアレビュー用に公開リンクを生成することもできます。
ポイント： コードスニペットをプロジェクトの/docsフォルダに保存し、チーム全員が常に図を編集できるようにしましょう。

どんな人に向いているか？

インフラエンジニア

生のTerraformやKubernetesマニフェストを貼り付けるだけで、ボックスを一つもドラッグせずにアーキテクチャマップを生成できます。これで、ドキュメントが実際にデプロイしたコードと一致するようになります。

バックエンド開発者

複雑なSQLスキーマやマイクロサービスロジックを、即座にエンティティ関係図やシーケンスフローに変換します。複雑な分岐にも対応できるので、PRレビュー中の手作業による矢印調整地獄から解放されます。

テクニカルプロダクトマネージャー

まとまりのない会議メモやプロジェクト概要をプロンプトに投げ込むと、エンジニアリングチーム向けの視覚的なロードマップが構築されます。高レベルのアイデアを、はるかに速く実行可能なシステム設計へ落とし込めます。

ソリューションアーキテクト

クライアントとのヒアリングの場でクラウド環境を素早くスケッチするのに適しています。トレードオフとして、非常に密集したクラスターは完璧に見せるために手動でのレイアウト調整が必要になる場合があります。

システム設計を学ぶ学生

一対多の関係やロードバランシングのような抽象的な概念を視覚化するのに役立ち、ロジックに集中できます。基本を学んでいる最中に、複雑な設計ツールまで習得する必要はありません。

ポイント： これを使ってあらゆる技術図の最初の80%を自動化し、最後の仕上げは人の手でマウスを動かして行いましょう。

DiagramGPT（Eraser）の料金

Eraserは、手厚い無料枠と、パワーユーザーやエンタープライズチーム向けの急激な価格上昇のバランスを取っています。個人の開発者は無料でスケッチできますが、サイドプロジェクトから本番のコードベースに移行するには、月に必要なAI生成アーキテクチャマップの数に応じてプランを選ぶ必要があります。実際には、無料プランはちょうどフローに入り込んでいるタイミングで打ち切られるため、手作業でのボックス移動か有料アップグレードかの選択を迫られます。

Freeプラン

月額0ドル

AI図クレジット5回とファイル3つが付与されます。手軽なホワイトボードセッションには使えますが、忙しいスプリント中には壁にぶつかります。そのため、無料プランは日常的なドキュメント作成よりも軽い実験に向いています。

Starterプラン

年間契約でユーザーあたり月10ドル、月払いなら月20ドル

AIクレジットが40回に拡張され、ファイルは無制限になります。プライベートファイルが利用可能になり、社内独自のサービスをマッピングする場合には不可欠です。知的財産を漏らすことなく、チーム固有のロジックを扱える安全な空間が手に入ります。

Businessプラン

年間契約でユーザーあたり月25ドル、月払いなら月60ドル

AIクレジット250回とSAML SSOが付与されます。このプランは、部門全体でドキュメントを標準化する必要がある確立されたチーム向けに構築されています。エンタープライズグレードのログインセキュリティですべてを一元化することで、「あの図はどこ？」という混乱がなくなります。

Enterpriseプラン

カスタム価格。AI生成の上限がすべて撤廃され、専任サポートが含まれます。シングルテナントやプライベートクラウド展開を必要とする大規模組織のニーズに対応します。厳格なコンプライアンス監査を満たしながら、数千人規模のユーザーまで拡張できます。

ポイント： まずはFreeプランでAIのロジックをテストし、複数のプロジェクトを非公開で文書化する必要があればStarterプランに移行しましょう。

DiagramGPT（Eraser）の主な機能

生の技術メモから、クラウドアーキテクチャ図やシーケンス図を作れます

サイドバーで「ひし形」の図形を探す代わりに、ロジックを言葉で説明すれば、ノード同士がつながっていくのを眺めるだけです。込み入ったシステム設計の最中でも集中が途切れません。

ポイント： 速さを求めるなら文章からの作図を使い、要素が密集した箇所では配置を手で直すつもりでいましょう。

コードスニペットを、そのまま視覚的なフローチャートに変換できます

入れ子の乱雑なif-elseの塊を貼れば、括弧だらけの行を読まずに実際の分岐が見て取れます。最初のコミットの場にいなかった新しいチームメンバーへ、スパゲッティ化したレガシーコードを説明するのに役立ちます。ドキュメントのないリポジトリで「ロジックの劣化」が起きるのも防げます。

ポイント： ロジックの監査には最適ですが、ごく特殊なライブラリ固有の構文にはときどき手こずります。

チャットサイドバーから図を練り直せます

「APIとデータベースのあいだにキャッシュの層を足して」と頼めば、いま開いているキャンバスがその場で更新されます。新しいボックスを入れるためだけに10本の線を選んで5ピクセルだけ左へずらす、あの決まりきった作業より、はるかに気が楽です。作図が面倒な作業ではなく、会話になります。

ポイント： 構造が2分ごとに変わるような、勢いのある議論の場にうってつけです。

Eraser独自のDSLを使って、図をコードのようなエディタと同期させられます

視覚的なキャンバスと、MarkdownやMermaidに慣れた人には馴染みのある文字ベースの書き方とを行き来できます。裏側のロジックが構造化されたテキストなので、多くのドラッグ＆ドロップツールより入り組んだ階層をうまく扱うと感じました。その結果、ドキュメントは一貫性を保ち、検索もしやすくなります。

ポイント： 同僚がボックスを動かしても壊れず、バージョン管理と相性のよい図がほしいなら、DSLを使いましょう。

共有のデジタルなホワイトボードで共同作業ができます

AIが作った図をキャンバスに置いて、手描き風の書き込みや付箋で意見を添えられます。かっちりした技術仕様と、雑然としたブレインストーミングとのあいだを埋めてくれます。関係者はわかりやすい図を得られ、開発者は技術的な深さを保てます。

ポイント： リモートでのアーキテクチャレビューには確かな選択肢ですが、汎用のホワイトボードより明らかに技術寄りの雰囲気です。

ポイント： 重い作業の最初の80%はAIに任せ、そのあと手動ツールで細かな配置を整えましょう。

DiagramGPT（Eraser）の長所と短所

長所

DiagramGPTは、雑然とした技術的な説明を、数秒で使えるシステムアーキテクチャ図やシーケンス図に変えてくれます。初期の洗い出しの段階で、ボックスをドラッグしたり線を引き直したりする手作業が省けます。テストでは、整っていない議事メモからでも、サービス間の依存関係を正しく拾い上げました。おかげで技術文書が実態から取り残されずに済みます。ドキュメント作成専用のスプリントを設けずに、信頼できる唯一の情報源を保てます。手早い試作にはよく合いますが、大企業の入り組んだ構成では配置の手直しが必要になります。議論が終わる前に構想を目に見える形にしたいときに使いましょう。

短所

深く入れ子になった構成では、微妙な方向のフローをAIが取りこぼすことがあります。マウスの一操作なら数秒で済むグループ化を得るために、プロンプトを10分ほど練る羽目になるかもしれません。速さと引き換えに、生成の段階ではピクセル単位の細かな制御は失われます。これが問題なのは、最初の出力を人前に出せる形にするには、Eraser側での手直しが必要になることが多いからです。矢印の一つひとつまで社内のスタイルガイドに従わせたい、作り込んだ最終成果物にはあまり向きません。生成されたER図のロジックは、実装に移す前に丁寧に確かめましょう。