写真

最近、ビジュアルワークフローを研究していて、React Flow をベースにした独自のワークフローエディターもオープンソース化しました。

写真

オープンソースアドレス: https://github.com/MrXujiang/flowmix-flow

次に、市場で一般的に使用されているオープンソース ワークフロー プロジェクトをいくつか紹介し、すぐに開始して独自のワークフロー エンジンを実装する方法について説明します。

市場で入手可能なオープンソースのワークフロー エンジンにはどのようなものがありますか?

写真

検索エンジンを閲覧した後、比較的信頼性の高いオープンソース ソリューションをいくつか見つけました。

mxグラフ

アントビ/g6

アントビ/x6

反応フロー

ロジックフロー

これから一つずつ紹介していきます。

1. mxグラフ

mxGraph は、主要なブラウザで実行されるインタラクティブなグラフやチャート アプリケーションを迅速に作成できる JavaScript チャート ライブラリです。mxGraph は、グラフの描画、視覚化、インタラクション、レイアウト、分析の機能を備えており、ワークフロー図、BPMN 図、ネットワーク図、UML 図、サイクル図、組織図、マインドマップ、ラック図、ガント チャート、インフォグラフィック、フロア プランなどの作成に適しています。

写真

mxGraph は 2005 年に作成され、2016 年まで商用プロジェクトとして継続されました。2016 年に、作成者は Apache 2.0 オープンソース ライセンスに基づいて GitHub でソース コードをリリースしました。

GitHub アドレス: https://github.com/jgraph/mxgraph ドキュメント アドレス: http://jgraph.github.io/mxgraph/docs/js-api

おなじみのdraw.ioはこのライブラリをベースにしています。驚きですよね？

2. antv/g6

4年前、会社のプロジェクトでantv/g6を使用しました。当時はドキュメントが非常に分かりにくかったのですが、最終的には技術的な課題を克服し、プロジェクトを無事に立ち上げることができました。そこで、ここでantv/g6を皆さんと共有したいと思います。これはAlibabaのオープンソースグラフィックエンジンで、様々なグラフエディターの実装に使用できます。

写真

しかし、最近のアップデートでは旧バージョンへの大幅なアップグレードが行われ、古いプロジェクトではアップグレードコストの増加につながる可能性があると感じています。さらに、ドキュメント内の一部のAPIは古くなっています。そのため、公式チームにはドキュメントの正確性と最新性について何らかの保証を与えることを提案します。

GitHubアドレス: https://github.com/antvis/G6

3. antv/x6

antv/x6はワークフローオーケストレーションソリューションです。以前のプロジェクトで使用したことがありますが、個人的には柔軟性に欠けると感じていました。ご興味のある方はぜひご覧ください。

写真

GitHubアドレス: https://github.com/antvis/X6

4. 反応フロー

写真

ReactFlowは、私がこれまで使用したワークフローエンジンの中で、最も優れたユーザーエクスペリエンスを提供してくれました。パフォーマンスと柔軟性の面で、低レベルのワークフローエンジンとして非常に適していると思います。そこで、今年は3ヶ月かけてこのプロジェクトを調査し、ワークフローエンジンを設計し、そして自身の経験に基づいてワークフローエディターをオープンソース化しました。

写真

オープンソースアドレス:

https://github.com/MrXujiang/flowmix-flow

このオープンソース プロジェクトについて皆さんにぜひ学んでいただきたいと思います。

5. ロジックフロー

写真

LogicFlowは、Didiチームによって開発されたオープンソースのフローチャート編集フレームワークです。フローチャートの操作と編集に不可欠な機能を幅広く備え、柔軟なノードカスタマイズとプラグイン拡張メカニズムを備えています。LogicFlowは、フローチャート、ER図、BPMNプロセスなど、様々なロジックオーケストレーションシナリオに対応したフロントエンドのカスタム開発をサポートします。作業承認ワークフロー、ロボットロジックオーケストレーション、ノーコードプラットフォームワークフロー構成において、高い効果を発揮することが実証されています。

以前のバージョンでは私のニーズを完全に満たしていませんでしたが、最新バージョンではより柔軟な構成オプションが提供されているため、ご興味があればぜひお試しください。

GitHub アドレス: https://github.com/didi/LogicFlow

ワークフローエンジンの適用シナリオ

ここでは、ワークフロー アプリケーションに関する私の考えをいくつか共有したいと思います。

1. OA承認プロセス

写真

DingTalkやLarkといったオフィスソフトウェアには様々な承認プロセスがあり、これらはすべてビジュアルワークフローで設定できます。ワークフローの応用は、OA（オフィスオートメーション）分野において最も顕著に表れていると思います。

2. AI分野におけるワークフロー

写真

AIは間違いなく過去2年間、非常にホットな話題でした。業界でよく知られているAIアプリケーションであるDifyは、React-flowを基盤となるワークフローとして採用しています。そのため、ワークフローに基づいてAIアプリケーションを構築することができます。

3. ローコード/ノーコード製品向けワークフローエンジン

写真

これは私の主な研究分野でもあります。現在、多くの有名なローコードプラットフォームには、ビジネスロジックの視覚的な設計を実現するためのプロセスエンジンが搭載されています。