本文へ移動
dia
English

AI と連携する

dia を Claude などの AI につなぐ手順です。

Updated View as Markdown

dia は MCP という仕組みで AI とつながります。接続 URL を AI に登録すると、AI が dia で図を作れるようになります。

接続 URL

https://dia.rakudeji.com/mcp

同じ URL と手順は、dia のサイドバーの「AI 連携」にも表示されます。まだドキュメントが 1 つもないときは、ホームにも表示されます。

使っている AI に登録する

  1. Claude の「設定」から「コネクタ」を開きます。
  2. 「カスタムコネクタを追加」を押し、名前に「dia」、URL に接続 URL を貼り付けて追加します。
  3. 追加した dia を接続します。
  4. dia の画面が開いたら、内容を確かめて「許可する」を押します。

  1. ターミナルで次のコマンドを実行します。

    claude mcp add --transport http dia https://dia.rakudeji.com/mcp

  2. Claude Code で「/mcp」を開き、dia を選んで認証します。

  3. dia の画面が開いたら、内容を確かめて「許可する」を押します。

  1. Cursor の設定ファイル ~/.cursor/mcp.json に次の内容を加えます。

    {
  "mcpServers": {
    "dia": {
      "url": "https://dia.rakudeji.com/mcp"
    }
  }
}

  2. Cursor の設定の「MCP」で、dia にログインします。

  3. dia の画面が開いたら、内容を確かめて「許可する」を押します。

  1. MCP に対応した AI の設定で、接続 URL をリモート MCP サーバー（HTTP）として登録します。
  2. dia の画面が開いたら、内容を確かめて「許可する」を押します。

dia への接続には OAuth による認証を使います。AI 側がリモート MCP サーバーの認証に対応している必要があります。

アクセスを許可する

AI が初めて dia に接続するとき、ブラウザで dia の画面が開きます。

  1. dia にログインしていなければ、「Google でログイン」からログインします。
  2. 「アクセスの許可」の画面に「（アプリ名）が dia へのアクセスを求めています」と表示されます。ログイン中のメールアドレスと、許可する内容を確かめます。
  3. 「許可する」を押します。心当たりがない場合は「キャンセル」を押してください。

許可すると、その AI は次のことができるようになります。

  • 図の作成・編集・閲覧
  • ログインし直さずに使い続ける

動くか確かめる

つないだ AI に、たとえば次のように頼みます。

Web、API、PostgreSQL からなるサービス構成図を dia で作って

AI がドキュメントを作ると、dia のホームに表示されます。ドキュメントがまだ 1 つもないとき、ホームには「AI からの接続を待っています…」と表示され、AI が最初のドキュメントを作ると自動でそのドキュメントが開きます。

つないだ AI は、サイドバーの「AI 連携」にある「接続中のアプリ」に表示されます。接続日と最終利用の日時も確かめられます。

接続を解除する

AI に dia を使わせたくなくなったら、接続を解除します。

  1. サイドバーの「AI 連携」を開きます。アカウントメニューの「設定」から「AI 連携」を開くこともできます。
  2. 「接続中のアプリ」で、解除したいアプリの「接続を解除」を押します。
  3. 確認の画面で「接続を解除」を押します。

解除した AI は dia を使えなくなります。もう一度使うには、接続し直して、アクセスを許可してください。

メニュー

Type to search…

↑↓ 移動↵ 開くEsc 閉じる