AIと組み合わせて作る
- 下の欄のプロンプトをコピーし、「【内容】」の下に作りたい関係図の説明を書き足してからAIに送る
- AIが返したDSLコード（
```で囲まれた部分）をコピーする
- 画面左端の「▶ テキスト (DSL)」をクリックして欄を開き、そこに貼り付ける（図がその場で描画されます）
プロンプトにはDSLの構文をすべて含めているので、AIがこのサイトを見られなくても正しい記法で書けます。
RelaGrid DSL 構文
grid 4x3 # 列x行のグリッドサイズ
theme dark # light | dark (省略時 light)
title "図のタイトル" # 上部に表示（任意）。長いと自動で折り返す
textscale 1.3 # 文字の倍率 0.6〜2.5（省略時 1。縦画像向けに大きくする）
source "参考: ○○ 判例コラム" # 右下に小さく表示（任意）
zone A1:B2 "Public zone" color=blue
node api B1 icon=server size=1.2 color=blue "API"
api -> db "SQL" # -> 単方向
api <-> cache "sync" # <-> 双方向 / <- 逆方向 / -- 矢印なし
api -> db "SQL" style=dashed color=red width=2
note api "SLA 99.95%\np99<200ms" pos=bottom
# 行頭の # はコメント
アイコン名の例: user, users, laptop, mobile, browser, server, database, cloud, globe, wifi, plug, queue, gear, cpu, disk, lock, unlock, shield, mail, bell, clock, bolt, refresh, chart, folder, file, card, pin, search, filter, link, git, code, terminal, check, x, warning, plus, box
GUIで編集すると、テキストは自動的にこの記法へ整形されます。