アセットエディターページの作成と設定

このドキュメントは次の内容について説明します。

• カスタマイズされたアセットエディターページを作成する理由。
• アセットエディターページ（メタデータの表示と編集、およびアセットに対するアクションの実行に使用する WCM ページ）の作成とカスタマイズの方法
• 複数のアセットを同時に編集する方法

アセットエディターページを作成および設定する理由

デジタルアセット管理は、ますます広く使用されるようになっています。専門的な教育を受けたユーザー（写真家や分類学者など）による小規模なユーザーグループ向けの小規模なソリューションから、大規模で多様なユーザーグループ（ビジネスユーザー、WCM 作成者、ジャーナリストなど）に移行する場合、専門的なユーザー向けの Adobe Experience Manager（AEM）Assets の強力なユーザーインターフェイスでは、利用できる情報が多すぎて不便が生じることがあります。この場合、関係者にとって必要なデジタルアセットにアクセスするための目的に特化したユーザーインターフェイスやアプリケーションが求められるようになります。

そのようなアセット中心型アプリケーションの例として、従業員が展示会に参加した際の写真をアップロードできるイントラネット内のシンプルな写真ギャラリーや、公開 Web サイトでのプレスセンター（Geometrixx で提供されたサンプルなど）があります。アセット中心型アプリケーションは、ショッピングカート、チェックアウト、検証プロセスを含む完全なソリューションに拡張することもできます。

アセット中心型アプリケーションの作成の大部分は、コーディングを必要としない設定プロセスとなります。ここでは、ユーザーグループとそのニーズ、使用されるメタデータに関する知識のみが必要となります。AEM Assets で作成されたアセット中心型アプリケーションは拡張可能です。適度なコーディング作業によって、アセットの検索、表示、変更のための再利用可能なコンポーネントを作成できます。

AEM のアセット中心型アプリケーションは、特定アセットの詳細を表示するのに利用できるアセットエディターページで構成されます。アセットエディターページでは、アセットにアクセスするユーザーが必要な権限を持っていれば、メタデータの編集も可能です。

アセット共有ページの作成と設定

DAM Finder 機能をカスタマイズし、必要なすべての機能を持つページを作成します。これらのページがアセット共有ページと呼ばれます。新しいアセット共有ページを作成するには、Geometrixx アセット共有テンプレートを使用してページを追加し、次にそのページに対してユーザーが実行できるアクションをカスタマイズします。さらに、アセットの表示方法と、ユーザーによるクエリの作成方法を決定します。

カスタマイズされたアセット共有ページを作成する用途としては次のような例が考えられます。

• ジャーナリスト向けのプレスセンター
• 社内ビジネスユーザー向けの画像検索エンジン
• Web サイトユーザー向けの画像データベース
• メタデータエディター向けのメディアタグ作成インターフェイス

アセット共有ページの作成

新しいアセット共有ページを作成する方法として、Web サイトでの作業中に作成するか、Digital Asset Manager から作成することができます。

Web サイト​コンソールで新しいアセット共有ページを作成するには：

1. 「Web サイト」タブで、アセット共有ページを作成する場所に移動し、「新規」をクリックします。

2. アセット共有​ページを選択し、「作成」をクリックします。新しいページが作成され、アセット共有ページが「Webサイト」タブに表示されます。

Geometrixx DAM アセット共有テンプレートを使用して作成した基本ページは次のイメージのようになります。

アセット共有ページをカスタマイズするには、サイドキックの要素を使用し、Query Builderのプロパティも編集します。Geometrixx・プレス・センター​ページは、次のテンプレートに基づくカスタマイズ版のページです。

Digital Asset Manager を使用して新しいアセット共有ページを作成するには：

1. Digital Asset Manager の「新規」で、「新しいアセット共有」を選択します。

2. 「タイトル」にアセット共有ページの名前を入力します。必要に応じて、URL の名前を入力します。

   

3. アセット共有ページをダブルクリックして開き、ページの設定をおこないます。

   

   デフォルトでは、「新規」からアセット共有ページを作成すると、アセットビューアおよびアセットエディターが自動的に作成されます。

アクションのカスタマイズ

定義済みのアクションの選択から、選択したデジタルアセットに対してユーザーが実行できるアクションを決定できます。

アセット共有ページにアクションを追加するには：

1. カスタマイズするアセット共有ページで、サイドキックの「アクション」をクリックします。

   次のアクションが使用可能です。
   

1. 適切なアクションをページ上の「アクション」領域にドラッグします。 これによって、そのアクションを実行するボタンが作成されます。

   

検索結果の表示方法の決定

事前定義済みのレンズリストで、結果の表示方法を指定します。

検索結果の表示方法を変更するには：

1. カスタマイズするアセット共有ページで、「検索」をクリックします。

   

2. 適切なレンズをページの中央上にドラッグします。 Press Center では、レンズは既に使用可能な状態です。ユーザーは適切なレンズアイコンをクリックして、求めるとおりの検索結果を表示します。

次のレンズが使用可能です。

モザイクレンズ

リストレンズ

Query Builderのカスタマイズ

クエリビルダーでは、検索語句を入力し、アセット共有ページのコンテンツを作成できます。クエリビルダーの編集時に、1 ページに表示する検索結果数、アセットのダブルクリック時に開くアセットエディターおよびクエリ検索パスを指定し、ノード型をカスタマイズします。

クエリビルダーをカスタマイズするには：

1. カスタマイズするアセット共有ページで、QueryBuilder の「編集」をクリックします。デフォルトでは、「一般」タブが開きます。

2. ページあたりの結果の数、アセットエディターのパス（カスタマイズされたアセットエディターがある場合）およびアクションタイトルを選択します。

   

3. 「パス」タブをクリックします。 検索対象とする 1 つまたは複数のパスを入力します。ユーザーがパスの述語を使用すると、これらのパスは上書きされます。

   

4. 必要に応じて、別のノードタイプを入力します。

5. 「Query BuilderのURL」フィールドで、Query Builderを上書きするかラップし、既存のQuery Builderコンポーネントを使用した新しいサーブレットURLを入力できます。 「フィード URL」フィールドで、フィード URL を上書きすることもできます。

   

6. 「テキスト」フィールドに、結果と結果のページ番号に表示するテキストを入力します。 変更作業が完了したら、「OK」をクリックします。

   

述語の追加

AEM Assets には、アセット共有ページに追加できる多数の述語が用意されています。述語を使用すると、ユーザーが検索をさらに絞り込むことができます。一部のケースでは、指定した述語がクエリビルダーのパラメーター（「パス」パラメーターなど）よりも優先されます。

述語を追加するには：

1. カスタマイズするアセット共有ページで、「検索」をクリックします。

   

2. 適切な述語を、アセット共有ページのクエリビルダーの下にドラッグします。 これによって、適切なフィールドが作成されます。

   

   次の述語が使用可能です。

詳しくは、述語の Javadoc を参照してください。

1. 述語をさらに設定するには、述語をダブルクリックします。 例えば、「パスの述語」を開いたら、ルートパスを指定する必要があります。

   

アセットエディターページの作成と設定

アセットエディターをカスタマイズして、ユーザーによるデジタルアセットの表示および編集方法を指定します。これをおこなうには、新規のアセットエディターページを作成してから、ユーザーがページに対して実行できる表示とアクションをカスタマイズします。

アセットエディターページの作成

アセットエディターページを作成する場合に、アセット共有ページのすぐ下にページを作成することをお勧めします。

アセットエディターページを作成するには：

1. 「Web サイト」タブで、アセットエディターページを作成する場所に移動し、「新規」をクリックします。

2. 「Geometrixx アセットエディター」を選択し、「作成」をクリックします。新しいページが作成され、ページが「Web サイト」タブに表示されます。

Geometrixx アセットエディターテンプレートを使用して作成された基本ページは次のイメージのようになります。

アセットエディターページをカスタマイズするには、サイドキックの要素を使用します。Geometrixxプレスセンター​からアクセスするアセットエディターページは、このテンプレートをベースとするページのカスタマイズバージョンです。

アセット共有ページから開くアセットエディターの設定

カスタムのアセットエディターページを作成したら、アセット（作成したカスタムのアセット共有）をダブルクリックすると、カスタマイムのエディターページでアセットが開くことを確認する必要があります。

アセットエディターページを設定するには：

1. アセット共有ページで、QueryBuilder の隣にある「編集」をクリックします。

   

2. 「一般」タブがまだ選択されていない場合は、クリックします。

3. 「アセットエディターのパス」フィールドに、アセット共有ページでアセットを開くアセットエディターのパスを入力し、「OK」をクリックします。

   

アセットエディターコンポーネントの追加

アセットエディターに含める機能を指定するには、ページにコンポーネントを追加します。

アセットエディターコンポーネントを追加するには：

1. カスタマイズするアセットエディターページで、サイドキックの「アセットエディター」を選択します。使用可能なすべてのアセットエディターコンポーネントが表示されます。

   メモ

   何をカスタマイズできるかは、使用可能なコンポーネントによって異なります。コンポーネントを有効にするには、デザインモードに移動し、有効にする必要のあるコンポーネントを選択します。

2. サイドキックからアセットエディターにコンポーネントをドラッグし、コンポーネントダイアログで変更を加えます。 コンポーネントについて、次の表およびその下の詳細説明で説明します。

   メモ

   アセットエディターページのデザイン時に、読み取り専用、編集可能のいずれかのコンポーネントを作成します。ユーザーは、そのコンポーネント内に鉛筆の画像が表示されればフィールドが編集可能であるとわかります。デフォルトでは、ほとんどのコンポーネントは読み取り専用として設定されます。

   コンポーネント	説明
   メタデータフ ォームとメ タデータテキストフィールド	アセットにメタデータを追加し、そのアセットに対して送信などのアクションを実行できるようにします。
   サブアセット	サブアセットをカスタマイズできるようにします。
   タグ	ユーザーがタグを選択してアセットに追加できるようにします。
   サムネール	アセットのサムネールとファイル名を表示し、代替テキストを追加できるようにします。ここでは、アセットエディターのアクションを追加することもできます。
   タイトル	アセットのタイトルを表示します。このタイトルはカスタマイズ可能です。

   

メタデータフォームとテキストフィールド - メタデータの表示コンポーネントの設定

メタデータフォームは、開始アクションと終了アクションを含むフォームです。その間には、テキスト​フィールドを入力します。フォームの操作について詳しくは、フォームを参照してください。

1. フォームの「開始」領域で「編集」をクリックして、開始アクションを作成します。 必要に応じて、「ボックスタイトル」にボックスタイトルを入力できます。デフォルトでは、ボックスタイトルは「メタデータ」です。生成された Java スクリプトクライアントコードを検証する場合は、「クライアントの検証」チェックボックスをオンにします。

   

2. フォームの「終了」領域で「編集」をクリックして、終了アクションを作成します。 例えば、ユーザーがメタデータの変更内容を送信できる「送信」ボタンを作成できます。また、オプションとして、メタデータを元の状態にリセットする「リセット」ボタンを追加できます。

   

3. フォーム開始​と​フォーム終了​の間に、メタデータテキストフィールドをフォームにドラッグします。 ユーザーはこれらのテキストフィールドにメタデータを入力し、このメタデータを送信するか、他のアクションを実行することができます。

4. フィールド名（例：タイトル）をダブルクリックして、メタデータフィールドを開き、変更を加えます。 コンポーネントを編集​ウィンドウの「一般」タブで、名前空間、フィールドラベル、型（dc:title など）を定義します。

   

   メタデータフォームで使用可能な名前空間の変更について詳しくは、AEM Assetsのカスタマイズと拡張を参照してください。

5. 「制約」タブをクリックします。 ここで、フィールドを必須にするかどうかを選択し、必要に応じて制約を追加できます。

   

6. 「表示」タブをクリックします。 ここで、メタデータフィールドの列の新しい幅と列数を入力できます。「フィールドは読み取り専用です」チェックボックスをオフにすると、ユーザーがメタデータを編集できるようになります。

   

   次に、様々なフィールドを持つメタデータフォームの例を示します。

   

アセットエディターページでは、ユーザーはこの後メタデータフィールドに値を入力し（フィールドが編集可能な場合）、終了アクション（変更内容の送信など）を実行することができます。

サブアセット

サブアセットコンポーネントでは、サブアセットの表示と選択をおこなうことができます。メインアセットとサブアセットの下に表示される名前を指定できます。

サブアセットコンポーネントをダブルクリックし、サブアセットダイアログを開きます。このダイアログで、メインアセットや任意のサブアセットのタイトルを変更できます。デフォルト値は、対応するフィールドの下に表示されます。

次に、設定済みのサブアセットコンポーネントの例を示します。

例えば、あるサブアセットを選択すると、コンポーネントに適切なページが表示され、ボックスタイトルがサブアセットから兄弟アセットに変更されます。

タグ

タグコンポーネントは、ユーザーがアセットに既存のタグを割り当てることのできるコンポーネントです。タグは後で構成や取得に役に立ちます。ユーザーがタグを追加できず、参照のみできるように、このコンポーネントを読み取り専用にできます。

タグコンポーネントをダブルクリックしてタグダイアログを開きます。このダイアログで、必要に応じてタグのタイトルを変更し、割り当て済みの名前空間を選択することができます。このフィールドを編集可能にするには、「編集ボタンを​非表示にする」チェックボックスをオフにします。デフォルトでは、タグは編集可能です。

ユーザーがタグを編集できる場合は、鉛筆アイコンをクリックし、「Tags」ドロップダウンメニューからタグを選択して、タグを追加できます。

次に、設定済みのタグコンポーネントを示します。

サムネール

サムネイルコンポーネントでは、選択したサムネイルがアセットで表示されます（多くの形式でサムネイルは自動的に抽出されます）。さらに、コンポーネントではファイル名と、変更可能なアクションが表示されます。

サムネールコンポーネントをダブルクリックすると、サムネールダイアログが開きます。このダイアログで、代替テキストを変更できます。デフォルトでは、サムネールの代替テキストは、「Click to download asset」です。

次に、設定済みのサムネールコンポーネントの例を示します。

タイトル

タイトルコンポーネントでは、アセットのタイトルと説明が表示されます。

デフォルトでは、タイトルは読み取り専用であり、ユーザーは編集できません。編集可能にするには、コンポーネントをダブルクリックし、「編集ボタンを非表示にする」チェックボックスをオフにします。さらに、複数のアセットのタイトルを入力します。

タイトルが編集可能な場合、鉛筆アイコンをクリックして​アセットのプロパティ​ウィンドウを開いて、タイトルと説明を追加できます。さらに、日時を選択してアセットのオンとオフを切り替えることができます。

ユーザーが鉛筆アイコンをクリックしてタイトルを編集する場合、「タイトル」と「説明」を変更し、アセットをオンまたはオフにする「オンタイム」と「オフタイム」を入力することができます。

次に、設定済みのタイトルコンポーネントの例を示します。

アセットエディターのアクションの追加

定義済みのアクションの選択から、選択したデジタルアセットに対してユーザーが実行できるアクションを決定できます。

アセットエディターページにアクションを追加するには：

1. カスタマイズするアセットエディターページで、サイドキックの「アセットエディター」をクリックします。
   

   

   次のアクションが使用可能です。

   アクション	説明
   ダウンロード	ユーザーが選択したアセットをコンピューターにダウンロードできるようにします。
   エディター	ユーザーが画像を編集できるようにします（インタラクティブ編集）。
   Lightbox	アセットを「Lightbox」に保存します。Lightbox では、保存されたアセットに対して他のアクションを実行できます。これは、複数のページにまたがるアセットを操作する場合に便利です。
   ロック	ユーザーがアセットをロックできるようにします。この機能はデフォルトでは有効ではなく、コンポーネントのリスト内で有効にする必要があります。
   参照	クリックすると、アセットで現在使用されているページが表示されます。
   バージョン管理	アセットのバージョンの作成と復元が可能です。

2. 適切なアクションをページ上の「アクション」領域にドラッグします。 これによって、そのアクションを実行するボタンが作成されます。

アセットエディターページでの複数のアセットの編集

AEM Assets では複数のアセットを同時に変更できます。アセットを選択した後、それらのアセットの次の情報を同時に変更できます。

• タグ
• メタデータ

アセットエディターページを使用してアセットをマルチ編集するには：

1. [!UICONTROL http://localhost:4502/content/geometrixx/en/company/press.htmlにあるGeometrixxPress Center]​ページを開きます。

2. アセットを選択します。

   • Windowsの場合：Ctrl + click個々のアセット。
   • Macの場合：Cmd + click個々のアセット。

   アセットの範囲を選択するには：最初のアセットをクリックし、最後のアセットをShift + clickします。

3. 「Actions」フィールド（ページの左側）の「Edit Metadata」をクリックします。

4. Geometrixx Press Center Asset Editor ページが新しいタブで開きます。アセットのメタデータが以下のように表示されます。

   • すべてのアセットではなく一部のアセットにのみ適用されるタグは、斜体で表示されます。
   • すべてのアセットに適用されるタグは、通常のフォントで表示されます。
   • タグ以外のメタデータ：フィールドの値は、選択されたすべてのアセットで同じ場合にのみ表示されます。

5. 「ダウンロード」をクリックして、アセットのオリジナルレンディションを含むZIPファイルをダウンロードします。

6. 「Tags」フィールドの横にある鉛筆アイコンをクリックして、タグを編集します。

   • すべてのアセットではなく一部のアセットにのみ適用されるタグは、グレーの背景になります。
   • すべてのアセットに適用されるタグは白の背景になります。

   以下の操作を実行できます。

   • 「x」アイコンをクリックして、すべてのアセットのタグを削除します。
   • +アイコンをクリックして、タグをすべてのアセットに追加します。
   • arrowをクリックし、タグを選択して、すべてのアセットに新しいタグを追加します。

   「OK」をクリックして、変更内容をフォームに書き込みます。「Tags」フィールドの横にあるチェックボックスが自動的にオンになります。

7. 「説明」フィールドを編集します。例えば、次のように設定します。This is a common description.フィールドを編集すると、フォームの送信時にその値が選択したアセットの既存の値を上書きします。 フィールドを編集すると、フィールドの横にあるボックスが自動的にチェックされます。

   This is a common description

   フィールドを編集すると、フォームの送信時に、選択したアセットの既存の値が編集した値によって上書きされます。

   注意：フィールドを編集すると、フィールドの横にあるチェックボックスが自動的にオンになります。

8. 「メタデータを更新」をクリックしてフォームを送信し、すべてのアセットに対する変更を保存します。チェック済みのメタデータのみが変更されます。