Illustmaker v5.0 — 完全リアルタイム共同編集モード対応、MCP 102メソッドへ拡張
ASI株式会社（本社：東京都世田谷区、代表取締役：齊木 祐介）は、AIファースト・ベクターグラフィックエディタ「Illustmaker」を v5.0 にアップデートしました。共有リンクを mode='edit' で発行すると、複数人が /illustmaker/live/{token} から同じキャンバスを同時に編集できる完全共同編集モードに対応。Figma で実現されている「複数人で1つのキャンバスを触る」体験を、専用クライアント不要・ブラウザだけで実現します。MCPメソッドは 97 → 102 に拡張。
v5.0 の核心機能
1. リアルタイム共同編集（mode='edit'）
これまでの「読み取り専用ライブ共有（v4.0）」「閲覧者コメント（v4.1）」を経て、ついに「全員が同じキャンバスを触る」モードに到達しました。
- 同時編集: 複数ユーザーが同一セッションに対して描画・移動・削除を実行
- HTTP long-polling 基盤: 最大25秒の接続待機 + 即時応答。WebSocket不要、ファイアウォール/プロキシ環境でも動作
- LWW（Last-Write-Wins）競合解決: シンプル・予測可能
- オブジェクト単位編集ロック: 移動・編集中のオブジェクトは他参加者から保護（5秒自動解放）
- カーソル即時共有: 参加者のマウス位置を ~80ms 間隔でブロードキャスト・色付き表示
- 選択範囲共有: 他参加者が選択中のオブジェクトに色枠＋名前ラベル
- 参加者リスト: ヘッダーのアバター + サイドバー（色・名前）
2. MCP メソッド5本追加
| メソッド | 用途 |
|---|---|
illust.collab_join | 共同編集に参加。actor_id 払出 + 初期状態返却 |
illust.collab_leave | 離脱 |
illust.collab_op_submit | 操作投稿。9種類のop_typeに対応 |
illust.collab_poll | long-poll（25秒）でops配列・参加者・ロック取得 |
illust.collab_status | 軽量ステータス取得（参加者数・op数・最終seq） |
技術アーキテクチャ
操作ベース同期モデル
本機能は CRDT（Conflict-free Replicated Data Types）ではなく、操作ストリーミング + LWWを採用しました。
- すべての永続的操作（add/update/delete/document/reorder）を
illust_maker_collab_opsテーブルに seq 採番付きでログ - 各参加者は最終 seq を保持。long-poll で「自分以降のop」を取得
- 非永続的操作（cursor/selection/lock）は participants テーブルに直接 UPDATE（軽量・揮発）
- 競合は seq 順に適用。同オブジェクトへの同時更新は LWW（最後の書き込みが勝ち）
- 5秒オブジェクトロックで「移動中の他人による上書き」を防ぐ
なぜ WebSocket ではなく long-polling か？
- サーバー側 PHP のみで完結（Node.js やリアルタイム基盤の追加運用不要）
- nginx 標準設定で動作（WebSocket proxy 設定不要）
- 企業ネットワーク・プロキシ環境でも素直に貫通
- 応答性: ops 即時応答（書き込み発生後ほぼ瞬時に他参加者に届く）。25秒の poll 完了時のみアイドル
軽量MVP UI
共同編集モード専用のエディタ UI は、既存エディタとは別実装の軽量版です。
- 図形ツール: 選択 / 長方形 / 楕円 / テキスト / 直線
- プロパティパネル: 位置・サイズ・塗り・線・テキスト等の編集
- キーボードショートカット: V / R / O / T / L / Delete / Esc
- 今後の拡張予定: ペン（ベジェ）・パスファインダー・画像配置・グループ化等を順次追加
数値で見るアップデート
| 項目 | v4.1 | v5.0 | 増加 |
|---|---|---|---|
| MCPメソッド（HTTP API） | 97 | 102 | +5 |
| npm wrapper ツール数 | 81 | 86 | +5 |
| 共有リンク mode | view / comment | view / comment / edit | +1 |
| DB新規テーブル | — | collab_ops / collab_participants / collab_locks | +3 |
| op_type（操作種別） | — | 9種類（add/update/delete/doc/reorder/cursor/selection/lock/unlock） | +9 |
想定ユースケース
- 複数デザイナーの同時ブレスト — 1つのキャンバスに各自がアイデア図形を投げ込みつつ整理
- 社内ワークショップ — ファシリテーターと参加者全員が同じボードで議論を可視化
- 教育・グループ演習 — 教師と生徒が同じキャンバスで作例を構築
- クライアントとの仕掛り共有 → そのまま即時修正 — v4.0 のライブ共有を一段進め、説明しながら直す
- AIエージェント × 人間の共同制作 — AIが下絵を生成 → 人間が同じセッションで仕上げ。両者のカーソル・操作が可視化
利用手順
- 通常通りエディタで作品を作成
- MCPツール
illust.share_createをmode='edit'で呼ぶ、または「ファイル」メニュー → 「ライブ共有」（今後追加） - 発行されたURL（
/illustmaker/live/{token}）を共同編集者に渡す - 参加者は名前と色を選んで参加 → 即編集開始
- 30日経過で自動失効。手動
illust.share_deleteでも無効化可能
主要URL
| サービストップ | https://asi.co.jp/illustmaker/ |
| エディタ | https://asi.co.jp/illustmaker/app/ |
| MCPドキュメント（JP） | https://asi.co.jp/illustmaker/mcp/ |
| MCPドキュメント（EN） | https://asi.co.jp/illustmaker/mcp/en/ |
| npm パッケージ | @illustmaker/mcp v1.7.0 |
| llms.txt | https://asi.co.jp/illustmaker/llms.txt |
今後の予定
- 共同編集モードの図形ツール拡張（ペン・パスファインダー・画像配置・グループ化）
- 音声 / ビデオ統合（WebRTC で同時通話しながらの編集）
- 編集履歴の参加者別表示（誰がいつ何を）
- 「ライブ共有」「コメント」「共同編集」の mode を 1 UI から選択できる発行画面
会社概要
| 会社名 | ASI株式会社 |
| 代表者 | 齊木 祐介 |
| 所在地 | 〒154-0011 東京都世田谷区上馬3-18-17 310 |
| 設立 | 2022年 |
| 事業内容 | AIファーストWebサービス・MCPサーバー・受託開発（AI活用 / Web制作 / 業務システム） |
| URL | https://asi.co.jp/ |
本件に関するお問い合わせ
ASI株式会社 広報担当
Email: info@asi.co.jp
サービスURL: https://asi.co.jp/illustmaker/