FlowGram.AI:ByteDanceが開発したオープンソースのノード型ワークフロー構築エンジン 167

小编 ·

FlowGram.AI:ByteDanceが開発したオープンソースのノード型ワークフロー構築エンジン

FlowGram.AIは、ByteDanceが開発したノード編集ベースのオープンソースワークフロー構築エンジンです。固定レイアウトと自由接続レイアウトの両方のワークフローを素早く作成できます。

FlowGram.AI:ByteDanceが開発したオープンソースのノード型ワークフロー構築エンジン

FlowGram.ai とは?

FlowGram.AI はバイトダンスが開発した、ノード編集ベースのオープンソースのフロー構築エンジンです。開発者が固定レイアウトまたは自由接続レイアウトのワークフローを迅速に作成するのに役立ちます。

FlowGram.AI:字节跳动开发的一款开源的基于节点的工作流构建引擎.webp

FlowGram.AI のコア機能

  • デュアルレイアウトモード:固定レイアウトと自由レイアウトの2つのモードを提供します。固定レイアウトでは、ノードは事前設定されたグリッド内に制約され、プロセスの標準化と明確な階層が必要なシナリオ(企業の承認や注文処理など)に適しており、コードの骨組みを自動生成することもできます。自由レイアウトでは、ノードの位置がより柔軟で、接続線もより自由になり、マインドマップやアルゴリズムのプロトタイプなどのシナリオに適しており、フローチャートとコードのリアルタイム双方向同期を実現できます。

  • ベストプラクティスなインタラクション:Motion アニメーションなど、一連のベストプラクティスなインタラクションを統合しており、ノードの変化に遷移プロセスを持たせます。モジュール化をサポートし、グループ化や分岐の折りたたみが可能です。バッチ操作(枠選択ドラッグ、バッチコピー&ペーストなど)、レイアウトの切り替え(水平/垂直モードの切り替えを含む)、補助的なレイアウト機能(ガイド線、吸着揃え、自動整理、サムネイルなど)を提供し、直感的で使いやすい UI とスムーズなインタラクション体験を提供します。

  • AI による機能強化:FlowGram.AI バージョンでは、インテリジェントな提案機能を備えています。例えば、データクリーニングのノードを行う際に、次のステップとして考えられる「異常値検出」を推奨することができます。また、リスク予測も可能で、社内テストデータによると、プロセスのテスト段階で最大 83% の型エラーと 64% の潜在的な無限ループリスクをブロックできます。さらに、構築されたフローは自動的にドキュメントを生成し、「古いコードにドキュメントがない」という問題を解決します。

  • 強力な拡張性:キャンバスエンジン、ノードエンジン、変数エンジンなどのコアコンポーネントを提供し、開発者はこれに基づいて独自のビジネスロジックやカスタムノードを構築できます。キャンバスエンジンは階層化されたインタラクション拡張により、ノードエンジンはノードのフォームレンダリングと検証を担当し、変数エンジンはノード間の変数の参照を管理し、マテリアルライブラリはノードと UI コンポーネントを拡張するために使用されます。キャンバスのインタラクションを階層化し、IOC 依存性注入により拡張を実現することで、開発者は依存性注入を通じて必要なノードデータを監視できます。変数エンジンはスコープ制約機能を持ち、内部の多くの機能がプラグイン化されて公開されています。

FlowGram.AI の技術アーキテクチャ

  • Canvas ベースの自社開発レンダリングエンジン:フローチャートのような複雑なシナリオ専用に最適化されており、大量のノード(200 以上のノードでも 60FPS のスムーズさを維持でき、数万ノードのスムーズな操作に関するデータもあります)をサポートし、ズームやスクロールがスムーズに動作します。ECS に似たデータ分割と MobX のレスポンシブメカニズムを採用し、レンダリングの効率と安定性を確保しています。

  • Web Worker の並列化:時間のかかる計算をバックグラウンドで実行し、メインスレッドをブロックしないため、インターフェースが常に応答します。

  • インテリジェントキャッシュ:読み込み速度が 40% 向上し、大規模プロジェクトでも瞬時に起動します。

FlowGram.AI の応用シナリオ

  • 「扣子(コーズ)」ワークフロー:複雑な AI Bot の対話ロジックやツール呼び出しフローの構築に使用されます。

  • Feishu(飛書)のローコードプラットフォーム / 多維表格(マルチディメンションテーブル):ユーザーはビジュアルインターフェースを通じて承認フローや自動化タスクを構築できます。

  • 企業プロセスの自動化:例えば、固定レイアウトを通じて決定木を構築することで、選別エラーの率を低減し、処理速度を向上させます。

  • アルゴリズムプロトタイプ / データパイプライン:自由レイアウトは探索的、反復的な作業に適しており、ComfyUI のような画像生成フローに使用する人もいます。

使用方法

オンラインデモを提供しており、ユーザーはブラウザで直接体験できます。また、ローカルインストールもサポートしており、簡単なコマンド(例:npx @flowgram.ai/create - app@latest)でプロジェクトテンプレートを迅速に構築でき、開発者の深い開発に便利です。

関連リンク

公式サイト:https://flowgram.ai/

GitHubアドレス:https://github.com/bytedance/flowgram.ai