Editor profile
矢野 哲平 / 「無料で学べるAIスキル、ロボシンク」代表
更新日:

こんにちは、ロボシンクの矢野(@robothink_jp)です。この記事では生成AIに関する情報を解説します。 読んだ方の役立つ記事になれば嬉しいです👋

ChatGPTでマインドマップやフローチャートを作成する方法[Diagrams]

ChatGPT上でプロンプトからマインドマップやフローチャートを作成する方法を解説します。

ChatGPT の機能を拡張するプラグイン

プラグインとは拡張機能のことで ChatGPT が本来持っていない機能を追加でインストールできる機能です。ちょうどスマホのアプリを思い浮かべるとイメージしやすいかもしれません。

プラグイン利用には ChatGPT Plusユーザーである必要がありますが、ChatGPTが本来持っていない機能を拡張できます。

本記事で紹介するDiagramsというプラグインはChatGPT上でマインドマップやフローチャートを作成できる人気プラグインです。

Diagrams のインストール

1: GPT-4 のモデルを選択し、プラグインストアに移動します。

2: プラグインストアで「diagrams」と検索しDiagrams:Show Meをインストールします。

Diagrams の有効化

インストールが完了すれば新規チャットを立ち上げます。

Diagrams にチェックが付いていれば有効化されています。

プロンプトからマインドマップを作成

さっそくマインドマップを作ってみましょう。次のようなプロンプトからマインドマップが作成可能です。

プロンプト

マインドマップを用いて、ビジネス戦略を可視化してください。

mindmap

管理画面で編集も可能

ChatGPT からの回答に管理画面へのリンクが添付されます。アクセスすると画面上で編集が可能です。

グラフを作成できる markdown 構文、Mermaid で作成可能

今回、作成したマインドマップは markdown 構文の 1 つである Mermaid で作成されています。

自然言語から ChatGPT が判断し Mermaid を生成 → マインドマップを作成という処理が走っていたわけですね。

ChatGPT 上で直接 Mermaid で指示をしても書けますし、苦手な人は自然言語で作成しても大丈夫です。

プロンプト

真ん中に「Business Strategy」、その周りに「Human Resources」「Marketing」「Operations」「Finance」を配置したマインドマップを作成してくだい

mindmap

プロンプトからフローチャートを作成

次にプロンプトからフローチャートを作成してみましょう。

プロンプト

フローチャートでオンラインショッピングのプロセスを説明してください

flow chart

フローチャートもオンライン上で編集可能です。

その他にも作成できる図

  • シーケンス図
  • クラス図
  • 状態遷移図
  • ER図
  • ガントチャート
  • ユーザージャーニー
  • Git
  • 円グラフ

記事ではマインドマップとフローチャートを取り上げましたが、その他にも様々な図を作成することができます。

注目記事

  • 🎨Geminiで画像生成ができるように
  • 👀【新機能】GPT mentionsを使う方法
  • 🌈【新モデル】にじジャーニーV6モデルを使う方法
  • 💡Googleが動画生成AIのLumiereを発表
  • 🤖Amazonアレクサに生成AIが搭載
  • 😼動画生成AI、Pika1.0のチュートリアル
  • 🏪GPT Storeが公開!GPT Storeの使い方
  • 🚢MidjourneyでV6モデルを使う方法

  • 無料で学べるAIスキル、ロボシンク

    ロボシンクは3,000名超が学ぶAI学習サービス。無料のコースで生成AIを学べます。AIの学習を開始しましょう🚀

    コース一覧