キャンバス

フロー キャンバス: 構築モードとデバッグ モードでプロセスを設計、接続、デバッグするための視覚的なワークスペースです。

概要

キャンバスは、Studio Web でプロセスを構築するメイン ワークスペースです。.flow ファイルを作成したり開いたりすると開きます。キャンバスには 2 つのモードがあります。プロセスを設計および設定するための ビルド モード と、プロセスを実行および検査するための デバッグ モード です。

動作のしくみ

キャンバスには、主に次の 4 つの領域があります。

領域	場所	目的
キャンバス	上下中央揃え	ノードの配置、接続、配置
ツールバー	中央下部	ノードの追加、元に戻す/やり直し、コントロールをデバッグする
プロパティ パネル	右	選択したノードを構成します。変数を管理する
[実行] パネル	下部 (デバッグ中)	実行トレース、エラー、変数値を表示する

デバッグ

ツールバーで [ デバッグ ] を選択すると、プロセスが実行されます。実行パネルが下部に表示され、実行トレースが表示されます。[ 停止] を選択するとデバッグ セッションが終了するか、プロセスに変更を加えると自動的に終了します。

ノードの追加

下部のツールバーにある [+] ボタンをクリックすると、ノード パレットが開きます。

ノードパレットは以下をサポートしています。

• 名前またはキーワードで検索
• カテゴリ別に参照: 制御フロー、データ操作、コネクタ、エージェント、人間のタスク、RPA ワークフロー、API ワークフロー、トリガー

ノードの出力ハンドルの + は、新しいノードを追加し、1 ステップで接続します。

注:

トリガーは、ノード ハンドルからは追加できず、下部のツールバーからのみ追加できます。

ノードの接続

ノードは、出力ハンドル (右側) を介して入力ハンドル (左側) に接続します。キャンバスではコネクションのリアルタイムが検証されます。緑は有効なコネクション、赤は無効なコネクションを示します。接続はノードの制約に従います (たとえば、トリガーは別のトリガーに接続できません)。

プロパティ パネル

ノードを選択すると、右側にプロパティ パネルが開きます。

[プロパティ] パネルには 2 つのタブがあります。

• プロパティ — ノードの構成フォーム (入力、パラメーター、設定) です。
• 変数 — プロセスの変数を管理し、ノードで生成される変数の表示 (読み取り専用) を実行します。

ノードのプロパティの全画面展開ビューは、ホバー ツールバーから利用できます。

実行パネル

プロセスをデバッグすると、画面下部に [実行] パネルが表示されます。

タブ	表示内容
スパン	実行トレース — 各ノード、そのタイミング、成功/失敗ステータス
インシデント	実行中に発生したエラーおよび失敗
変数	各ステップでのランタイム変数値

スパンを選択すると、対応するノードがキャンバス上で強調表示されます。

デバッグ コントロール

デバッグ モードでは、下部のツールバーにデバッグ コントロールが表示されます。

• デバッグ — 実行を開始します
• 停止 — 現在のセッションを終了します
• ステップ オーバー — 次のノードを実行して一時停止します
• 続行 — 次のブレークポイントまたは終了まで実行を再開します。
• 再実行 — プロセスを最初から再実行します

ブレークポイント

ブレークポイントは、ノードのホバー ツールバーから設定されるマーカーです。ブレークポイントに到達すると実行が一時停止するステップ オーバー して 続行: 実行の再開方法を制御します。

ブレークポイントは、ビルド モードとデバッグ モードの両方で設定できます。

右クリック メニュー

キャンバスの背景を右クリックすると、レイアウト オプションが表示されます。

• すべて整理 — すべてのノードを自動整列します
• 整頓されたノード — 選択したノードを自動配置します (2+ 選択)。
• 整列 — 左、中央、右、上、中央、下 (2+ を選択)
• 分散 — 横方向、縦方向 (3+ 選択)
• コピー/貼り付け/削除

キーボード ショートカット

すべての ショートカットのリストについては、「キーボード ショートカットのリファレンス 」をご覧ください。

キャンバスの主要なショートカット

• Cmd+Z / Ctrl+Z — 元に戻す
• Cmd+Shift+Z / Ctrl+Shift+Z — やり直し
• Cmd+Shift+L / Ctrl+Shift+L — すべてのノードを自動レイアウト
• Delete / Backspace — 選択したノードを削除します

関連ページ

• 最初のフロー — ステップ バイ ステップのクイックスタート
• キーボード ショートカット — ショートカットの完全なリファレンス
• 効果的にデバッグする — デバッグ モードのヒント