OSS探訪概要
draw.ioは、フローチャート、システム構成図、ネットワーク図など一般的なダイアグラムとホワイトボードを作成するJavaScript製クライアントサイドエディタです。公式Web版に加え、GitHub Pages、Docker、デスクトップアプリなど複数の動かし方を選べます。確認時点の最新リリースはv31.4.6です。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日：
ブラウザ中心の軽い構成でフローチャートや構成図を作る
一般的なダイアグラム作成とホワイトボードを目的とし、ブラウザ上で図形・線・テキストを組み合わせて各種図を作成できます。READMEはSVG専用エディタではなく、図表作成を主目的とすることも明記しています。
出典：[2]
GitHub Pages・Docker・Desktopから運用形態を選ぶ
リポジトリをGitHub Pagesへ公開して統合機能なしのエディタを動かす方法、公式Dockerイメージ、draw.io Desktopが案内されています。クラウド版に依存せず使いたい用途にも選択肢があります。
出典：[2]
設計図・業務フロー・ネットワーク図を特定SaaSへ固定せず作りたい場合に
ソフトウェア設計、業務フロー、インフラ構成、簡易ホワイトボードなどをWeb/デスクトップ/セルフホストから柔軟に作りたい用途に向きます。
出典：[2]
この版はリアルタイム共同編集非対応で、コードと付属アセットの条件も異なる
READMEは現行のこのバージョンではリアルタイム共同編集をサポートしないと明記しています。ソースコードはApache-2.0ですが、同梱アイコン、ステンシル、テンプレートには追加条件があり、Atlassian製品やMarketplace向けソフトウェア資産として利用する場合などに制限があります。利用者が作成した図の出力にはこの制限は適用されないと説明されています。
参考にした公式資料
- [1]jgraph/drawio repository(2026-09-18)
- [2]draw.io README(2026-09-18)
- [3]draw.io LICENSE(2026-09-18)
- [4]draw.io v31.4.6 release(2026-09-18)
編集部からの補足
ソースコードはApache-2.0ですが、READMEは同梱アイコン・ステンシル・テンプレートに追加条件を設けています。特にAtlassian製品/Marketplace向けソフトウェア資産としての利用制限があるため、コードのライセンスだけで全アセットを判断しない方が安全です。
3ステップで試す
- 1
ソースを取得
git clone --depth 1 https://github.com/jgraph/drawio.git - 2
リポジトリへ移動
cd drawio - 3
公式手順を確認
READMEのInstallation / Quick Start / Getting Startedにある公式コマンドを続けて実行してください。
find . -maxdepth 1 -iname 'README*' -exec sed -n '1,220p' {} \; -quit
成長
成長の推移 · 直近30日
8,203 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit（直近30日）
- 8
- Open PR
- 1
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
GitHubデータ
GitHubのデータGitHubの詳細データを見る
GitHub Topics
- diagram
- javascript
- whiteboard
- Stars
- 8,203
- Forks
- 1,244
- Watchers
- 46
- Open Issues
- 95
- 主要言語
- JavaScript
- ライセンス
- Apache-2.0
- リポジトリ最終更新
- 2026/09/16
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- React250,557 Stars
宣言的なコンポーネントでWebとネイティブのUIを構築するJavaScriptライブラリ。
JavaScript - n8n205,216 Stars
視覚的なキャンバスとコードを組み合わせ、サービス連携やAIエージェントを自動化するfair-code基盤。
TypeScript - Visual Studio Code（Code - OSS）192,641 Stars
Visual Studio Codeの基盤となるMITライセンスのCode - OSSリポジトリ。
TypeScript - Oh My Zsh189,785 Stars
Zshの設定をプラグイン、テーマ、自動更新の仕組みで管理するコミュニティ製フレームワーク。
Shell - Flutter178,997 Stars
Dartの一つのcodebaseからAndroid/iOS・Web・desktopへUIを展開し、native APIにも接続できるcross-platform SDK。
Dart
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。