AI ワークフロー可視化

ワンクリックでプロジェクトのフローロジックを把握

AI ワークフロー可視化 は VJSP が提供するコア機能の一つで、IDE 内でプロジェクトのビジネスプロセス構造をグラフィカルに完全に表示し、開発者がノードタイプ、転送条件、実行順序を直感的に理解できるようにし、フロー設計の透明性と保守性を大幅に向上させます。

ツールの切り替えや追加のコード記述なしで、VJSP ワークフローをインテリジェントに生成し、ドラッグアンドドロップ方式でワークフローノードと設定を変更できます。

一、機能概要

AI ワークフロー可視化 には、以下のコア機能が含まれます：

• 🧩 AI インテリジェントデザインと VJSP ワークフローの生成 ワークフローをインテリジェントに設計し、確認後にワークフローコードを生成します。

• 🖼️ グラフィカルノード表示 「開始」「承認」「分岐」「終了」などの標準ノードタイプと接続関係を明確に表示します。

• 🔍 深いインタラクションとトレーサビリティ

  • ノードをクリックして詳細設定（承認者、アクション、フォームなど）を表示

  • 接続線を右クリックして転送条件を表示

• 🔄 リアルタイム同期

ワークフローを変更して保存すると、ビューインターフェースが自動的に更新されます。

二、操作フロー

ステップ 1：AI ダイアログパネルを開く

IDE で任意のプロジェクトファイルを開いた後、VJSP にログインし、AI ダイアログが表示されていることを確認します。

ステップ 2：ワークフローデザイナーに入る

AI ダイアログの上部にある「ワークフローデザイナーを開く」ボタンをクリックすると、システムは ワークフロー可視化インターフェース を開きます。

ステップ 3：ワークフロービューをロード

ワークフロー可視化インターフェースで、左側のナビゲーションバーの「ワークフロー」オプションをクリックすると、ダイアログ、イベント、ワークフローリストが表示され、任意のワークフローを選択できます。

システムは完全なフローチャートをロードします。

ステップ 4：ブラウズとインタラクション

ワークフロービューでは、以下の操作が可能です：

• ノードをクリック：任意のフローノードをクリックし、右クリックして「詳細設定」を選択すると、プロパティパネルに基本情報、承認設定、承認者、アクション属性などの情報が表示されます。

• 接続線を右クリック：接続線を右クリックし、「詳細設定」を選択して詳細設定を表示します。

三、AI コラボレーション：ワークフローコンテキストに基づくコード生成

AI とのダイアログ中に、プロジェクトで定義済みのワークフローをコンテキストとして選択できます。システムは自動的にそのフローのノード構造、承認ルール、フィールド定義などのメタデータを AI 推論環境に注入し、ビジネスロジックに高度にマッチするワークフローフォームコードを生成し、開発の精度と効率を大幅に向上させます。

操作方法：

• AI ダイアログの上部で、「ワークフローを選択」アイコンをクリックします。

• ポップアップリストから現在のプロジェクトで作成済みのワークフローを選択します。

• ダイアログは選択されたワークフローコンテキストに基づいてインテリジェントに生成されます。