フロービルダーの使い方

ビジュアルフロービルダーでシナリオを視覚的に構築する方法を解説します。

フロービルダーとは

フロービルダーは、シナリオの流れをキャンバス上でビジュアルに設計できるエディタです。ノードを配置し、線でつなぐことで、メッセージの送信順序や条件分岐を直感的に構築できます。

基本操作

  1. キャンバスの空白部分をドラッグして画面をスクロールできます。
  2. マウスホイールまたはピンチ操作でズームイン・ズームアウトできます。
  3. 左側のノードパネルからノードをキャンバスにドラッグ&ドロップして配置します。
  4. ノードの出力ポートから別のノードの入力ポートへドラッグして接続します。
  5. ノードをクリックすると右側に設定パネルが開きます。

ノードの編集

ノードをクリックすると、右側に設定パネルが表示されます。ここでメッセージ内容、待機時間、条件などの詳細設定を行います。設定を変更すると自動的に保存されます。

接続と分岐

  • ノード間の線をクリックして削除できます。
  • 条件ノードでは複数の出力ポートがあり、条件に応じた分岐が作れます。
  • 複数のノードから同じノードに接続する(合流)ことも可能です。

便利な機能

  • 「元に戻す」「やり直し」でミスを取り消せます。
  • ミニマップでフロー全体の位置を把握できます。
  • 「フィットビュー」ボタンでフロー全体を画面に収められます。
  • ノードを複数選択してまとめて移動できます。