📘 Draw.io Generator

自然文の指示から diagrams.net 形式の図を自動生成
会議・学習・設計など、たたき台を即座にビジュアル化できます。

🧠 技術スタック

  • バックエンド： Node.js + Express
    • 自然文をプロンプトに変換し LLM へ送信
    • draw.io XML構造へ変換し返却
    • PNG/SVG エクスポート処理
  • フロントエンド： HTML5 + JavaScript
    • 自然文 / 音声入力 UI
    • draw.io iframe プレビュー連携
    • XML/PNG/SVG 形式での出力切替
  • モデル連携： OpenAI / Gemini / Groq
    • 安定性と速度に応じて自動選択

✨ 特長

  • 自然文 → 図への即時変換
  • リアルタイムプレビュー & 編集対応
  • PNG保存・diagrams.netでの編集連携
  • 音声操作も可能（マイク対応）

🚀 想定される活用シーン

  • 会議・打ち合わせ中の図解共有
  • 学習資料や説明スライドの作成補助
  • 構成・設計のたたき台作成

📷 出力サンプル

「ユーザー登録 → メール確認 → 完了」を指示した場合の例：

生成図の例

📌 「ちょっと便利な図解支援ツール」として、誰でも手軽に使えます。

🎮 デモを試す 📘 マニュアルを見る

📌 サービス方針

すぐ使える・続けられることを重視し、
導入・運用・教育までをワンストップでサポートします。

ニーズに応じた法人向けカスタマイズも可能です。