キャンバスは、フローエディターのメインワークスペースです。フローを作成するには、コンポーネントをキャンバスにドラッグし、その設定を構成します。このトピックでは、フローエディターを使い始めるのに役立つ、キャンバスページのエリアと機能について説明します。
キャンバスページの例
次の画像は、新しいフローを作成した後の初期ページを示しています。キャンバスを理解するために、画像内の番号付きの吹き出しと、「キャンバスページのエリア」の説明をご利用ください。
キャンバスページには、次のエリアが含まれています。上部には ① フロー名フィールドがあります。右上隅には、② [保存] ボタン、③ [公開] ボタン、④ [設定] ボタンがあります。左側のナビゲーションバーには、⑤ 概要ツリー、⑥ コンポーネントライブラリ、⑦ バージョン履歴、⑧ エラーチェックアイコンが含まれています。⑨ コンポーネントライブラリパネルには、変数セット、条件分岐、ノードへジャンプ、日時分岐、待機、HTTP リクエスト、関数呼び出しなどの基本コンポーネント、および WhatsApp メッセージ送信などのメッセージコンポーネントがリストされています。⑩ 中央のフローキャンバスには、ノードオーケストレーションフロー (開始 → メッセージ送信 → 応答待ち → 終了) が表示されます。⑪ 右側のノード設定パネルでは、利用可能な変数、送信アクション (返信など)、メッセージタイプ (テキストなど)、メッセージ本文、タイムアウトなどのパラメーターを設定できます。
キャンバスページのエリア
キャンバス上の各番号付きエリアの機能を理解するには、「キャンバスページの例」と以下の説明をご参照ください。
|
番号 |
エリア名 |
説明 |
|
1 |
フロー名と現在の編集バージョン |
現在のフローの名前と編集中のバージョンを表示します。 |
|
2 |
保存 |
フローの編集内容と構成を保存します。 |
|
3 |
公開/非公開 |
現在のフローを公開するか、公開済みのフローを非公開にします。 |
|
4 |
設定 |
|
|
5 |
概要ツリー |
フロー情報を概要ビューで表示します。コンポーネントを名前で素早く検索し、そこにジャンプできます。 |
|
6 |
コンポーネントライブラリ |
利用可能なすべてのコンポーネントが含まれています。コンポーネントをクリックしてキャンバスにドラッグできます。 |
|
7 |
バージョン履歴 |
作成されたすべてのバージョンをリストします。バージョンを選択して編集します。 |
|
8 |
エラーチェック |
キャンバスフローのエラーを自動的にチェックします。 |
|
9 |
コンポーネント選択エリア |
左側にあります。コンポーネントをキャンバスにドラッグするか、キャンバス上の |
|
10 |
キャンバス編集エリア |
中央にあります。+ または - をクリックしてズームします。キャンバスをドラッグしてパンします。 |
|
11 |
コンポーネント設定エリア |
右側にあります。キャンバス上のコンポーネントをクリックして、このパネルでその設定を構成します。 |
ボタンをクリックして追加します。関連ドキュメント
フローエディターの使用方法とコンポーネントの設定方法については、次のトピックをご参照ください。
-
フローエディターの使用方法については、「フローエディターの使用方法」をご参照ください。
-
フローエディターのコンポーネントの機能と構成の詳細については、「フローエディターのコンポーネントリファレンス」をご参照ください。