01
Gem と draw.io を開く
2つのツールを別タブで開いて、並べて使えるようにしておく。
◆
draw.io を開いたら TOPページの 「Start」 ボタンで編集画面に入る。
02
業務のテキストを Gem に投入
以下のようなテキストを Gem のチャット欄に貼り付ける。
Example · 請求書処理
1. 取引先から請求書が届く（経理）
2. 内容を確認し承認依頼（経理）
3. 部門長が承認（部門長）
4. 仕訳入力（経理）
5. 支払実行（財務）Example · 備品購入
1. 担当者が購入申請（申請者）
2. 上長が承認（上長）
3. 総務が発注（総務）
4. 納品確認・検収（申請者）
5. 経理が支払処理（経理）
✦
例3：自分の業務 例にならって、自分の担当業務を箇条書きで書き出してみる。
03
XML をコピーして draw.io に貼り付け
Gem が XML を返してきたら、全文を draw.io に流し込む。
- Gem の出力から XML コード全体をコピー
- draw.io で Extras → Edit Diagram…（または Ctrl/Cmd+A → 削除 → 貼り付け）
- OK を押すとフロー図が表示される
04
修正 & 保存のポイント
↻
意図と違う図が出たら AI に再度テキストで指示して XML を再生成。
✎
微調整だけなら draw.io 上で手動修正がおすすめ。
！
なぜ？ 手動修正で XML の座標値が変わり、AI との続きのやり取りが難しくなるため。
◼
保存方法 名前を付けて保存 → Google ドライブ 共有フォルダ「業務フロー図」へ。