React、React Native、素のJavaScriptアプリ向けのMITライセンスの無限キャンバス型ホワイトボードSDK。tldrawの無料代替として利用できます。
jgraph/drawio
ブラウザー上で動作するJavaScript製の図表・ホワイトボード編集ツール。クライアント側で実行でき、セルフホストにも対応します。
代替できる製品:Microsoft Visio
Lucidchart
- スター
- 8,874
- フォーク
- 1,328
- 未解決の Issue
- 31
- 最終コミット
- 一昨日
これは何?
draw.ioは、ブラウザー内でクライアント側のJavaScriptエディターとして完全に動作する、設定可能な図表・ホワイトボード作成アプリです。フローチャート、アーキテクチャ図、ホワイトボードのスケッチなど、幅広い用途の図表作成に使えます。draw.io Ltdとdraw.io AGが共同で開発しており、app.diagrams.netで提供されているホスト版アプリも同じコードベースで動作します。
このリポジトリはエディターの評価を目的としたテスト版です。フォークをGitHub Pagesに公開する方法、Dockerイメージを使う方法、またはリリースページからパッケージ済みの.warファイルをデプロイする方法で実行できます。デスクトップアプリも別途提供されています。Chrome、Firefox、Safari、Opera、Edgeの最近のバージョンと、モバイルのWebViewに対応しています。
このプロジェクトはSVGエディターではありません。SVGへのエクスポートは、他のツールで編集するためではなく、Webページへの埋め込みを想定しています。このバージョンではリアルタイムの共同編集に対応しておらず、外部のコントリビューターからのプルリクエストも受け付けていません。
主な機能
- 01クライアント側のJavaScriptエディターとしてブラウザー内で完全に動作
- 02幅広い図表作成とホワイトボード機能に対応
- 03GitHub Pages、Docker、またはパッケージ済みの.warファイルを使ってセルフホスト可能
- 04デスクトップアプリも別途提供
- 05Webページへの埋め込みを想定したSVGエクスポート
ユースケース
- ソフトウェアをインストールせず、ブラウザー上でフローチャートやアーキテクチャ図を作成する
- 自社のインフラ上で社内向けの図表エディターをホストする
- 図表作成エディターをWebアプリケーションに埋め込む
- デスクトップアプリでオフライン時にホワイトボード風の図をスケッチする
クイックスタート
- 1
Dockerイメージを使用する
- 2
または、リリースページからパッケージ化された.warファイルをダウンロードする
- 3
または、リポジトリをフォークしてGitHub Pagesに公開する
使う前に知っておきたいこと
- このリポジトリはテスト版として説明されており、本番環境での利用には有料の製品版が提供されています。
- このバージョンでは、リアルタイムの共同編集はサポートされていません。
- このプロジェクトはプルリクエストを受け付けていないため、外部からコードを提供することはできません。
- アイコンセットとステンシルライブラリの使用には、Atlassian製品に関する制限があります。
トピック
よくある質問
- drawio とは?
- ブラウザー上で動作するJavaScript製の図表・ホワイトボード編集ツール。クライアント側で実行でき、セルフホストにも対応します。 draw.ioは、ブラウザー内でクライアント側のJavaScriptエディターとして完全に動作する、設定可能な図表・ホワイトボード作成アプリです。フローチャート、アーキテクチャ図、ホワイトボードのスケッチなど、幅広い用途の図表作成に使えます。draw.io Ltdとdraw.io AGが共同で開発しており、app.diagrams.netで提供されているホスト版アプリも同じコードベースで動作します。
- drawio は無料で使えますか?ライセンスは?
- drawio は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- drawio は今もメンテナンスされていますか?
- 活発にメンテナンス中。drawio の最終コミットは 2026年10月18日 です。
- drawio は何に使えますか?
- ソフトウェアをインストールせず、ブラウザー上でフローチャートやアーキテクチャ図を作成する 自社のインフラ上で社内向けの図表エディターをホストする 図表作成エディターをWebアプリケーションに埋め込む デスクトップアプリでオフライン時にホワイトボード風の図をスケッチする
- drawio のインストール方法は?
- Dockerイメージを使用する または、リリースページからパッケージ化された.warファイルをダウンロードする または、リポジトリをフォークしてGitHub Pagesに公開する
- drawio はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/jgraph/drawio
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
ドキュメント、ホワイトボード、テーブルを1つのワークスペースに統合する、NotionやMiroに代わるローカルファーストのオープンソース知識ベース。
ブラウザー内で完結する、50種類以上の編集・結合・変換・保護ツールを備えたプライバシー重視のPDFツールキット。セルフホストにも対応。
ドキュメント、スプレッドシート、プレゼンテーション、フォーム、カンバンボードなどをリアルタイム編集できる、エンドツーエンド暗号化対応のオープンソース共同作業スイート。
顧客・サービス・提供者の管理、営業時間の設定、Google Calendarとの同期に対応したセルフホスト型の予約管理Webアプリ。
Webアプリ向けの、ドラッグ操作とスナップに対応したフローチャートエディターを作る軽量なVanilla JavaScriptライブラリ。