Repolode
bpmn-io

bpmn-io/bpmn-js

ブラウザー上でBPMN 2.0のプロセス図を表示・編集するJavaScriptツールキット。

スター
9,702
フォーク
1,489
未解決の Issue
119
最終コミット
17 時間前

これは何?

bpmn-jsを使うと、サーバー側のコンポーネントなしでWebアプリケーション上にBPMN 2.0図を表示・編集できます。コンテナー要素内にviewerまたはmodelerのインスタンスを作成し、BPMN 2.0 XMLを読み込むと、ページ上にプロセス図が描画されます。

このライブラリは、BPMN 2.0 XMLの読み書きを担うbpmn-moddleと、描画・編集用のキャンバスを提供するdiagram-jsを基盤としています。拡張可能なツールキットとして設計されているため、開発者はデフォルトのmodelerに独自の動作を追加できます。

プロジェクトは、あらかじめパッケージ化されたバンドルとして利用することも、npmでインストールしてバンドル済みのWebアプリケーションに組み込むこともできます。参考用に、デモ用modelerと各種連携例も用意されています。

主な機能

  • 01ブラウザー上でBPMN 2.0 XMLの図を描画する。
  • 02図の作成・編集に使えるインタラクティブなmodelerを提供する。
  • 03bpmn-moddleを介してBPMN 2.0 XMLをインポート・エクスポートする。
  • 04独自のモデリング動作を追加できる拡張性の高いアーキテクチャを備える。
  • 05npmでインストールするか、パッケージ済みのバンドルとして利用できる。

ユースケース

  • Webアプリケーションに読み取り専用のBPMNプロセスビューアーを組み込む。
  • エンドユーザー向けのブラウザベースのプロセスモデリングツールを構築する。
  • 社内ワークフローや管理ダッシュボードにBPMN図の編集機能を追加する。

トピック

よくある質問

bpmn-js とは?
ブラウザー上でBPMN 2.0のプロセス図を表示・編集するJavaScriptツールキット。 bpmn-jsを使うと、サーバー側のコンポーネントなしでWebアプリケーション上にBPMN 2.0図を表示・編集できます。コンテナー要素内にviewerまたはmodelerのインスタンスを作成し、BPMN 2.0 XMLを読み込むと、ページ上にプロセス図が描画されます。
bpmn-js は無料で使えますか?ライセンスは?
bpmn-js は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
bpmn-js は今もメンテナンスされていますか?
活発にメンテナンス中。bpmn-js の最終コミットは 2026年10月21日 です。
bpmn-js は何に使えますか?
Webアプリケーションに読み取り専用のBPMNプロセスビューアーを組み込む。 エンドユーザー向けのブラウザベースのプロセスモデリングツールを構築する。 社内ワークフローや管理ダッシュボードにBPMN図の編集機能を追加する。
bpmn-js はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/bpmn-io/bpmn-js

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト