正式なドキュメントは英語版であり、この日本語訳はAI支援翻訳により作成された参考用のものです。日本語訳の一部の内容は人間によるレビューがまだ行われていないため、翻訳のタイミングにより英語版との間に差異が生じることがあります。最新かつ正確な情報については、英語版をご参照ください。

Diagrams.net

  • プラン: Free、Premium、Ultimate
  • 提供形態: GitLab Self-Managed、GitLab Dedicated

diagrams.netインテグレーションを使用して、Wikiにスケーラブルベクターグラフィックス図を作成して埋め込みます。図エディタは、プレーンテキストエディタとリッチテキストエディタの両方で使用できます。

GitLab.comは、すべてのSaaSユーザーに対してこのインテグレーションを有効にします。追加の設定は必要ありません。

GitLabセルフマネージドおよびGitLab Dedicatedの場合、無料のdiagrams.net Webサイトとインテグレーションするか、オフライン環境で独自のdiagrams.netサイトをホストします。

インテグレーションをセットアップするには、次の手順に従います:

  1. 無料のdiagrams.net Webサイトと統合するか、diagrams.netサーバーを設定します
  2. インテグレーションを有効にする

インテグレーションが完了すると、指定したURLでdiagrams.netエディタが開きます。

diagrams.netサーバーを構成する

独自のdiagrams.netサーバーをセットアップして、図を生成できます。

これは、GitLabセルフマネージドのオフラインインスタンスにインストールするユーザーにとって必須の手順です。

たとえば、Dockerでdiagrams.netコンテナを実行するには、次のコマンドを実行します:

docker run -it --rm --name="draw" -p 8080:8080 -p 8443:8443 jgraph/drawio

インテグレーションを有効にする際にdiagrams.net URLとして使用するために、コンテナを実行しているサーバーのホスト名をメモしてください。

詳細については、Dockerで独自のdiagrams.netサーバーを実行するを参照してください。

Diagrams.netインテグレーションを有効にする

  1. 管理者ユーザーとしてGitLabにサインインします。
  2. 左側のサイドバーの下部で、管理者を選択します。
  3. 設定 > 一般を選択します。
  4. Diagrams.netを展開する。
  5. Enable Diagrams.net(Diagrams.netを有効にする)チェックボックスを選択します。
  6. Diagrams.net URLを入力します。接続先:
    • 無料のパブリックインスタンス: https://embed.diagrams.netと入力します。
    • ローカルでホストされているdiagrams.netインスタンス: 以前に構成したURLを入力します。
  7. 変更を保存を選択します。