ユースケース開発WorkshopWorkshop のドラッグアンドドロップWorkshop のドラッグアンドドロップ

注: 以下の翻訳の正確性は検証されていません。AIPを利用して英語版の原文から機械的に翻訳されたものです。

Workshop のドラッグアンドドロップ

ドラッグアンドドロップ機能は、現在 Foundry と Gotham の両方をエンロールメントしている顧客のみが利用可能です。将来的には、さらに広く利用できるようになります。

ドラッグアンドドロップ機能により、ユーザーはデータをあるアプリケーションから別のアプリケーションにドラッグすることで簡単に移動できます。詳細についてはドラッグアンドドロップのドキュメントを参照してください。

Workshop では、複数のコンポーネントがドラッグアンドドロップ操作をサポートしており、アプリケーション間のインタラクティビティやウィジェット間の相互作用を可能にします。以下にこれらのコンポーネントと相互作用について詳述します。

Workshop ドロップゾーン

ドロップゾーンは、ユーザーがデータを「ドロップ」することでデータを転送できるインタラクティブなコンポーネントです。以下はドロップゾーンとして設定できる Workshop コンポーネントです。詳細についてはドロップゾーンのドキュメントを参照してください。

セクションドロップゾーン

セクションコンポーネントは、ドラッグペイロードを受け取るように設定できます。

  1. セクションコンポーネントをドロップゾーンにするには、該当するセクションを選択し、右側のセクション設定パネルで Drop Handling を切り替えます。

    セクションのドロップハンドリングを有効にするためのトグル。

    ドロップハンドリングのトグルが表示されない場合は、この機能を有効にするためにプラットフォーム管理者に連絡してください。

  2. ドロップハンドリングが有効になると、トグルの下に追加の設定が表示されます。これらの設定は、ドラッグペイロードがドロップゾーン上にドラッグされたときのドロップゾーンの外観を定義します。

    セクションドロップゾーンのビジュアル要素の設定。

    Drop labelDrop icon の設定により、それぞれドロップゾーンに表示されるテキストとアイコンが決まります。

    たとえば、Drop label を「Drop here」に設定し、プラスアイコンを Drop icon として選択すると、ユーザーがペイロードをドラッグオーバーしたときにドロップゾーンは次のように表示されます。

    ドロップゾーンの動作

  3. 最後に、Output object setOn drop の設定で、ドロップされたデータに対してどのような処理を行うかを設定します。

    出力オブジェクトセット変数を設定します。

    ドロップされたデータを書き込むべきオブジェクトセット変数を選択します。たとえば、オブジェクトテーブルを埋めるために使用できます。また、ドロップ後にイベントを設定することもできます。

セクションドロップゾーンの使用

セクションコンポーネントがドロップゾーンとして設定されると、ユーザーはオブジェクトをセクションにドラッグアンドドロップできます。エンリッチメントを使用して、ユーザーは Gotham と Foundry の両方のオブジェクトをこのドロップゾーンにドラッグできます。

このドロップゾーンは Foundry オブジェクト RIDFoundry オブジェクトセット メディアタイプを受け入れます。詳細についてはメディアタイプのドキュメントを参照してください。

ドラッグゾーン

ドラッグゾーンは、ユーザーがデータを「つかんで」ドロップゾーンにドラッグすることで転送できるインタラクティブな要素です。以下はドラッグゾーンとして設定できる Workshop コンポーネントです。詳細についてはドラッグゾーンのドキュメントを参照してください。

以下のドラッグゾーンは、エンリッチメントを使用して、Gotham と Foundry の両方のオブジェクトメディアタイプを受け入れるドロップゾーンにドラッグできます。エンリッチメントなしでは、これらのドラッグゾーンは特定のメディアタイプを受け入れるドロップゾーンにのみデータを転送できます。

オブジェクトセットタイトルドラッグゾーン

オブジェクトセットタイトルコンポーネントをドラッグゾーンとして設定するには、コンポーネントを選択し、右側の設定パネルで Enable drag を切り替えます。このドラッグゾーンは Foundry オブジェクトセット RID を輸送するために使用できます。

オブジェクトセットタイトルドラッグゾーンの設定。

これが有効になると、コンポーネントを互換性のあるドロップゾーンにドラッグしてデータを転送できます。エンリッチメントなしでは、このコンポーネントは Foundry オブジェクトセット メディアタイプを受け入れるドロップゾーンにのみドラッグできます。詳細についてはメディアタイプのドキュメントを参照してください。

オブジェクトセットタイトルドラッグゾーン

オブジェクトテーブルセルドラッグゾーン

オブジェクトテーブルのセルは、互換性のあるドロップゾーンにドラッグしてデータを転送できます。エンリッチメントなしでは、このドラッグゾーンは Foundry オブジェクト RID メディアタイプを受け入れるドロップゾーンにドラッグできます。詳細についてはメディアタイプのドキュメントを参照してください。

オブジェクトビュードラッグゾーン

オブジェクトビュウィジェットのヘッダーにあるアイコンは、互換性のあるドロップゾーンにドラッグできます。エンリッチメントなしでは、このドラッグゾーンは Foundry オブジェクト RID メディアタイプを受け入れるドロップゾーンと互換性があります。詳細についてはメディアタイプのドキュメントを参照してください。

オブジェクトビュードラッグゾーン。