C/C++コードをWebAssemblyに変換し、ブラウザーやNode.jsなどのWasmランタイムで実行できるコンパイラツールチェーン。
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 の数値は毎日更新されます。
関連プロジェクト
PEP 621とPEP 517のメタデータに基づいて、仮想環境、ロックファイル、ビルドを管理する最新のPythonパッケージ・依存関係管理ツール。
React、React Native、素のJavaScriptアプリ向けのMITライセンスの無限キャンバス型ホワイトボードSDK。tldrawの無料代替として利用できます。
JSON、YAML、CSV、XMLをインタラクティブなグラフに変換し、形式変換やコード生成もできるオープンソースのJSONエディター。
自然言語やTerraform、Kubernetes、SQL、OpenAPIなどの実システム情報から、編集可能なdraw.ioのアーキテクチャ図を生成するエージェントスキル。