CookBook

IM-BloomMaker 異なるコンテンツ間でアクションをコピーする方法

投稿日:

この CookBook では intra-mart Accel Platform 2021 Winter から利用可能になったアクションの複製機能を使用して、異なるコンテンツ間でアクションをコピーする方法を紹介します。

アクションの複製機能とは

2021 Winter からアクションの切り取り・コピー・貼り付け機能が追加されました。
この機能を使用すると、別タブにまたがってアクションの切り取り・コピー・貼り付けが可能です。
エレメントとアクションは、異なるクリップボードにコピーされます。
im_cookbook_203020_001

事前準備

コピーされるのはアクションのみで、アクション内の各アクションアイテムで使用している変数・コンテナページ・アクションはコピーされません。
そのため、コピー先でも同じ動作を行うようにするためには、以下の事前準備を行ってください。

変数の場合

  • コピー先のコンテンツ定義で、アクションアイテムのパラメータに設定されている変数のうち、引き継ぎたい変数を作成します。
  • 例えば、コピー元のアクションで $variable.item.itemId を使用している場合、アクションを複製する前に、コピー先のコンテンツ定義で $variable.item.itemId を作成しておきます。
  • 変数を作成する前に後述の「アクションのコピー」を操作した場合は、アクションアイテムのパラメータ設定で再設定します。

im_cookbook_203020_002

コンテナページの場合

  • コピー先のコンテンツ定義で、アクションアイテムのパラメータに設定されているコンテナページのうち、引き継ぎたいコンテナページを作成します。
  • コンテナページ内に必要なエレメントを配置するか、コピー元からコピー・貼り付けします。
  • 後述の「アクションのコピー」を操作後、アクションアイテムのパラメータ設定で再選択します。

im_cookbook_203020_003

アクションの場合

  • コピー先のコンテンツ定義で、アクションアイテムのパラメータに設定されているアクションのうち、引き継ぎたいアクションを作成するか、コピー元からコピー・貼り付けします。
  • 後述の「アクションのコピー」を操作後、アクションアイテムのパラメータ設定で再選択します。

im_cookbook_203020_004

アクションのコピー

コピー元のコンテンツ定義のデザイナを開きます。
コピーしたいアクションを選択して、「アクション」タブ上の「コピー」アイコンをクリックします。
im_cookbook_203020_005

コピー先のコンテンツ定義のデザイナを開きます。
「アクション」タブを開くと「貼り付け」アイコンが有効になっていますので、「貼り付け」アイコンをクリックします。
im_cookbook_203020_006

アクションが複製されますので、「編集」アイコンをクリックします。
im_cookbook_203020_007

アクション内に、コピー元と同じ各アクションアイテムが登録されていることを確認してください。

各アクションアイテムのパラメータを確認

前述のとおり、アクションアイテムのパラメータのうち、変数・コンテナページ・アクションを指定している箇所においては、参照先がないためコピーが行われず、未設定状態に戻っているものがあります。
未設定状態のパラメータは、コピー先に存在する変数・コンテナページ・アクションを再選択してください。
コピー先では不要なアクションアイテムが存在する場合は、削除してください。
コピーされたアクションが適切に動作するか確認するため、アクションのデバッグは必ず行ってください。
im_cookbook_203020_008

-CookBook
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

スクリプト開発で登録フォームを作成する

このCookBookでは、スクリプト開発で登録フォームを作成する際に役立つ Tips を紹介します。 第1回:スクリプト開発で登録フォームを作成する 第2回:フォームに入力した内容をデータベースに登録 …

no image

IM-BloomMaker 「マルチファイルアップロード」エレメントの利用方法

このCookBookでは、 2021 Spring でリリースした「マルチファイルアップロード」エレメントの利用方法について説明していきます。 登録画面でアップロードしたファイルを別画面でダウンロード …

no image

IM-BloomMaker レイアウトの作り方(縦に並べる編)

この CookBook では、コンテンツ種別が Bulma のレイアウトを縦に並べる方法を紹介します。また、レイアウトを横に並べる編もありますので、併せてご確認ください。https://dev.int …

no image

テーブルをやめてフレックスコンテナを使おう

このCookBookでは、Bloommaker で表を作成する時に「フレックスコンテナ」を使用する方法及び、メリットについてご紹介します。 レンダリングに時間がかかる「テーブル」ではなく「フレックスコ …

IM-BloomMaker カスタムスクリプトの使い方と$variableからの取得・代入の方法

このCookBookでは、IM-BloomMakerのアクションの一つであるカスタムスクリプトの使い方と$variable(変数)からの取得および代入の方法について紹介しています。 実際にサンプル画面 …