ChatGPT で図を作る:書くのは ChatGPT、描くのはここ

実際に試したこと

2026年8月28日、英語の会話で、ログインしていない ChatGPT に「会員登録フローの図をレンダリング済みで、PNG か SVG でダウンロードできる形で欲しい」と頼みました。返ってきたのは次の一文です。

“Image generation requires logging in. Once you’re logged in, I can generate the rendered signup flowchart for you.”

要旨は「画像生成にはログインが必要で、ログインすればレンダリング済みの図を出せる」というものでした。

続けて同じ会話で「Mermaid のコードだけ、ほかは要らない」と伝えました。上の完全な flowchart TD がその場で返ってきました。構文は正しく、判断ノードの置き方も妥当で、失敗経路はきちんと前の手順へ戻っています。アカウントも待ち時間も利用枠も不要でした。

ChatGPT で図を作る話は、要するにこれだけです。頭の中の曖昧な手順を、正しいノードと辺を持つグラフに翻訳する — その難しい部分は無料でやってくれます。ログインの向こう側に置かれているのは、描画という簡単なほうの部分です。

使えるコードが返ってくる頼み方

• 出力形式を先に指定する。 「Mermaid のコードだけを出力してください。説明は不要です」と書くと、前後に解説が三段落つくことも、画像生成に切り替わることもなくなります。
• 図の種類を名指しする。 手順なら flowchart TD、サービス間の呼び出しなら sequenceDiagram、データモデルなら erDiagram、日程なら gantt。最初に指定しておけば、シーケンス図が欲しいのにフローチャートが返る事故を防げます。
• 実物を渡す。 実際の関数、マイグレーション、運用手順書をそのまま貼り、「ここに書かれている処理を図にして」と頼みます。説明文から起こすより、既存のコードから起こすほうがはるかに正確です。
• 構文エラーはそのまま返す。 このページで描画に失敗したら、エラーメッセージをコピーしてチャットに貼り返してください。Mermaid の構文エラーは、一度で確実に直る数少ない種類の不具合です。

日本語ラベルと日本語ドキュメント

日本語で質問しても、ノードのラベルは英語で返ってくることがほとんどです。Mermaid の作例が英語だからで、直せば済みます。ラベルはただのテキストなので、引用符でくくれば — A["ユーザーが登録ページを開く"] のように — 日本語も句読点も問題なく通ります。上に読み込まれている最初のテンプレートがまさにその日本語版です。

コードをリポジトリに載せる手順は、GitHub の日本語ドキュメントで確認できます。docs.github.com/ja の「ダイアグラムの作成」が該当ページで、mermaid という言語識別子を付けたコードブロックに書けば、README・Issue・プルリクエスト・Wiki の中でそのまま図として描画されると説明しています(2026年9月6日に確認)。

それでも画像よりコードが良い理由

かりに ChatGPT がレンダリング済みの PNG を渡してきたとしても、受け取る価値はあまりありません。Mermaid の図はテキストです。説明対象のコードの隣にそのまま置け、プルリクエストでは差分として読め、README では自動的に図として表示され、1 行書き換えれば更新できます。画像は固まっていて、四角をひとつ動かすだけでも作り直しになります。

続けて読む: シーケンス図ツール, Mermaid エディタ, ER図ツール, フローチャート作成, 確率の樹形図.

ChatGPT の挙動は 2026年8月28日、ログインしていない英語の会話で確認しました。プランの制限は chatgpt.com/ja-JP/pricing、GitHub の日本語ドキュメントは 2026年9月6日に確認しています。各社とも仕様変更が多いため、恒久的な仕様ではなくこの日付時点の記録としてお読みください。