The canvas now fills the window and the chat floats on its right. draw.io is served from our own origin (public/drawio, downloaded at build time and checked against the release's SHA-256), so the app can drive the editor directly: - every AI change becomes a version card with a thumbnail; compare, restore or undo it, and Ctrl+Z on the canvas takes an AI change back in one step - shapes the AI just changed are highlighted on the canvas - selected shapes appear as a chip and are sent to the model - the app's own canvas toolbar, shape library and page tabs replace draw.io's chrome - new start screen, session rename and switcher, open .drawio files - settings split into Models & keys, Appearance, Advanced and About - phones switch between canvas and chat - dark mode keeps the diagram on a white sheet and no longer flashes With an external draw.io (NEXT_PUBLIC_DRAWIO_BASE_URL) the app falls back to draw.io's own toolbar and the features above that need same origin are off. The chat logic moved from the 1500-line chat panel into a chat engine plus small UI components; zustand holds canvas, versions, settings and UI state.
3.4 KiB
よくある質問 (FAQ)
1. PDFをエクスポートできない
問題: Web版でPDFエクスポートをクリックすると convert.diagrams.net/node/export にリダイレクトされ、その後何も起こらない
原因: 埋め込みDraw.ioは直接PDFエクスポートをサポートしておらず、外部変換サービスに依存しているが、iframe内では正常に動作しない
解決策: まず画像(PNG)としてエクスポートし、その後PDFに印刷する
関連Issue: #539, #125
2. embed.diagrams.netにアクセスできない(オフライン/イントラネットデプロイ)
問題: イントラネット環境で「embed.diagrams.netのサーバーIPアドレスが見つかりません」と表示される
重要: アプリには draw.io のコピーが同梱され、/drawio から配信されるため、ブラウザは embed.diagrams.net にアクセスしなくなりました。それでもこのエラーが出る場合は、イメージが NEXT_PUBLIC_DRAWIO_BASE_URL=https://embed.diagrams.net(以前の Dockerfile の既定値)でビルドされています。このビルド引数を外して再ビルドしてください。詳しくはオフラインデプロイを参照してください。
NEXT_PUBLIC_* 環境変数はビルド時変数であり、JSコードにバンドルされます。実行時の設定は無効です!
別の draw.io サーバーを使い続ける場合は、ビルド時に args で渡します:
# docker-compose.yml
services:
drawio:
image: jgraph/drawio:latest
ports: ["8080:8080"]
next-ai-draw-io:
build:
context: .
args:
- NEXT_PUBLIC_DRAWIO_BASE_URL=http://あなたのサーバーIP:8080/
ports: ["3000:3000"]
env_file: .env
イントラネットユーザー: 外部ネットワークでDockerfileを修正してイメージをビルドし、イントラネットに転送する
関連Issue: #295, #317
3. 自前モデルが思考するだけで描画しない
問題: ローカルデプロイのモデル(Qwen、LiteLLMなど)が思考過程のみを出力し、図表を生成しない
考えられる原因:
- モデルが小さすぎる - 小さいモデルはtool calling指示に正しく従うことが難しい、32B+パラメータのモデルを推奨
- tool callingが有効になっていない - モデルサービスでtool use機能を設定する必要がある
解決策: tool callingを有効にする、例えばvLLM:
python -m vllm.entrypoints.openai.api_server \
--model Qwen/Qwen3-32B \
--enable-auto-tool-choice \
--tool-call-parser hermes
関連Issue: #269, #75
4. 画像アップロード後「画像が提供されていません」と表示される
問題: 画像をアップロードした後、「画像が提供されていません」というエラーが表示される
考えられる原因:
- モデルがビジョン機能をサポートしていない(Kimi K2、DeepSeek、Qwenテキストモデルなど)
解決策:
- ビジョン対応モデルを使用:GPT-5.2、Claude 4.5 Sonnet、Gemini 3 Pro
- モデル名に
visionまたはvlが含まれているものは画像をサポート - 最新バージョン(v0.4.9+)にアップデート
関連Issue: #324, #421, #469