基本操作

メモ
  • このページには、AEM オーサー環境を使用する際の基本操作の概要をまとめています。これは​サイト​コンソールを基礎として使用します。

  • 一部の機能はすべてのコンソールでは使用できず、一部のコンソールにしかない機能もあります。個別のコンソールや関連する機能に関する具体的な情報については、他のページで詳しく取り上げます。

  • AEM 全体で(特に、コンソールを使用する場合とページを編集する場合に)、キーボードショートカットを利用できます。

はじめに

タッチ対応 UI

AEM のユーザーインターフェイスは、タッチ操作に対応しています。タッチ対応インターフェイスを使用すると、タップ、長押し、スワイプなどのタッチジェスチャーを使用して、ソフトウェアを操作できます。この操作は、従来のデスクトップインターフェイスでクリック、ダブルクリック、右クリックおよびマウスオーバーなどのマウスアクションを使用して操作するのとは大きく異なります。

AEM UI はタッチ対応なので、タッチデバイス(モバイルやタブレットなど)上のタッチジェスチャと、従来のデスクトップデバイス上のマウスアクションを使用できます。

最初の手順

ログインするとすぐに、ナビゲーションパネルが表示されます。いずれかのオプションを選択すると、対応するコンソールが開きます。

bh-01

メモ

AEM の基本的な使用方法を適切に理解できるように、このドキュメントでは​サイト​コンソールに基づいて説明します。

サイト」をクリックまたはタップして開始します。

製品ナビゲーション

ユーザーが最初にコンソールにアクセスするといつでも、製品ナビゲーションチュートリアルが開始されます。ここで時間を割いて、ひととおりクリックまたはタップし、AEM の基本操作の概要を把握してください。

bh-02

次へ」をクリックまたはタップして、概要の次のページに進みます。「閉じる」をクリックまたはタップするか、概要ダイアログの外側をクリックまたはタップして閉じます。

すべてのスライドを表示するか「次回から表示しない」オプションをオンにする場合を除き、概要は、次回コンソールにアクセスすると再び開始します。

グローバルナビゲーションパネルを使用してコンソール間を移動できます。これは、画面の左上にある Adobe Experience Manager リンクをクリックまたはタップすると、全画面表示のドロップダウンとしてトリガーされます。

閉じる」をクリックまたはタップすると、グローバルナビゲーションパネルが閉じて、前の場所に戻ることができます。

bh-03

メモ

最初にログインすると、ナビゲーション​パネルが表示されます。

グローバルナビゲーションには、2 つのパネルがあり、画面の左余白にアイコンで表示されます。

次に、これらのパネルで使用できるオプションについて説明します。

ナビゲーションパネルからAEMコンソールにアクセスできます。

bh-01

コンソールやコンテンツ間を移動すると、現在の場所を反映するようにブラウザータブのタイトルが更新されます。

ナビゲーションでは、次のコンソールを使用できます。

コンソール 目的
アセット
これらのコンソールでは、画像、ビデオ、ドキュメント、オーディオファイルなどのデジタルアセットを読み込んで、それらのデジタルアセットを管理できます。これにより、これらのアセットは、同じ AEM インスタンス上で実行されているすべての Web サイトで使用できます。
Communities このコンソールを使用すると、エンゲージメントイネーブルメントのためにコミュニティサイトを作成および管理できます。
コマース コマースサイトに関連する製品、製品カタログおよび注文を管理できます。
エクスペリエンスフラグメント エクスペリエンスフラグメントは、チャネル間で再利用でき、バリエーションのあるスタンドアロンエクスペリエンスです。エクスペリエンスやエクスペリエンスの一部を繰り返しコピー&ペーストする手間を省きます。
フォーム このコンソールを使用すると、フォームとドキュメントを作成、管理、処理できます。
パーソナライズ機能 このコンソールには、ターゲットとなるコンテンツをオーサリングして、パーソナライズされたエクスペリエンスを提供するためのツールのフレームワークが用意されています。
プロジェクト プロジェクトコンソールは、プロジェクトへのダイレクトアクセスを提供します。プロジェクトは仮想ダッシュボードです。この仮想ダッシュボードを使用すれば、チームを結成して、そのチームがリソース、ワークフローおよびタスクにアクセスできるので、チームメンバーが共通の目標に向かって作業できるようになります。
スクリーン スクリーンでは、あらゆる場所、あらゆるサイズの対顧客画面をすべて管理できます。
Sites サイトコンソールでは、AEM インスタンス上で実行される Web サイトを作成、参照および管理できます。これらのコンソールを通じて、Web サイトページの作成、編集、コピー、移動および削除や、ワークフローの開始、ページの公開をおこなうことができます。

ツールパネル

ツールパネルのサイドパネルの各オプションには、様々なサブメニューが含まれています。ツールコンソールを使用すると、Web サイト、デジタルアセットおよびコンテンツリポジトリのその他の要素の管理に役立つ、数多くの専用ツールおよびコンソールにアクセスできます。

bh-04

ヘッダー

ヘッダーは、画面の上部に常に表示されます。ヘッダーのほとんどのオプションはシステムのどこにいても同じですが、一部はコンテキスト固有です。

bh-03

  • グローバルナビゲーション

    コンソール間を移動するには、Adobe Experience Manager リンクを選択します。

    screen_shot_2018-03-23at103615

  • 検索

    ショートカットキー /(スラッシュ)を使用して、任意のコンソールから検索を呼び出すこともできます。

  • ソリューション

  • ヘルプ

  • 通知

    このアイコンには、現在割り当てられている未完了の通知の数を示すバッジがつきます。

    メモ

    標準の AEM では、管理者ユーザーグループに割り当てられた管理タスクが事前に読み込まれます。詳しくは、インボックス - 標準の管理タスクを参照してください。

  • ユーザープロパティ

  • パネルセレクター

    現在のコンソールに応じて表示されるオプションです。例えば、サイト​ではコンテンツのみ(デフォルト)、タイムライン、参照またはサイドパネルのフィルターを選択できます。

    screen_shot_2018-03-23at104029

  • パンくずリスト

    bh-03

    パネルの中央に位置し、常に現在選択している項目の説明を表示するパンくずリストを使用すると、特定のコンソール内を移動できます。サイトコンソールでは、Web サイトのレベル間を移動できます。

    パンくずリストのテキストをクリックするだけで、現在選択している項目の階層のレベルをリストするドロップダウンが表示されます。エントリをクリックすると、その場所にジャンプします。

    bh-06

  • 分析期間の選択

    screen_shot_2018-03-23at104126

    これは、リスト表示でのみ使用できます。詳しくは、リストビューを参照してください。

  • 作成」ボタン

    screen_shot_2018-03-23at104301

    クリックすると、コンソール/コンテキストに適したオプションが表示されます。

  • 表示

    表示アイコンは AEM ツールバーの右端にあります。このアイコンは、そのときの表示に応じて随時変化します。例えば、デフォルト表示では、次のように​列表示​が表示されます。

    bh-07

    列表示、カード表示、リスト表示を切り替えることができます。リスト表示では、表示設定も表示されます。

    bh-09

  • キーボードナビゲーション

    キーボードだけを使用して Web サイト内を移動できます。これは、TAB​キー(または​OPT+TAB)の標準的なブラウザ機能を使用して、フォーカス可能​のページ上の要素間を移動します。

    Sites コンソールには、「メインコンテンツにスキップ」するためのオプションが追加されています。ヘッダーオプションを​タブ​で使用すると表示され、(製品)ツールバーの標準要素をスキップしてメインコンテンツに直接移動できるので、ナビゲーションが高速になります。

    bh-30

ヘルプへのアクセス

様々なヘルプリソースを使用できます。

  • コンソールツールバー

    ヘルプ」アイコンにより、現在の場所に応じた適切なリソースが開きます。

    bh-10

  • ナビゲーション

    初めてシステムを操作する際に、AEM の操作を紹介するスライドが表示されます

  • ページエディター

    ページを初めて編集する場合は、ページエディターについて説明する一連のスライドが表示されます。

    bh-11

    コンソールに最初にアクセスしたときの製品ナビゲーションの概要と同様に、この概要をナビゲートします。

    このスライドをもう一度表示するには、ページ情報​メニューの「ヘルプ」を選択します。

  • ツールコンソール

    ツール​コンソールから外部​リソース​にアクセスすることもできます。

    • 文書 Web Experience Management のドキュメントを表示します。

    • 開発者向けリソース​開発者向けリソースおよびダウンロードです。

    メモ

    コンソールでは、ホットキー ?(疑問符)を使用して、いつでもショートカットキーの概要を確認できます。

    すべてのキーボードショートカットの概要については、次のドキュメントを参照してください。

アクションツールバー

リソース(ページやアセットなど)を選択するたびに、様々なアクションがアイコンで示され、ツールバーに説明テキストが表示されます。これらのアクションは、次によって決まります。

  • 現在のコンソール.
  • 現在のコンテキスト.
  • 選択モードであるかどうか

ツールバーで使用できるアクションは、選択した特定の項目に対して取ることのできるアクションを反映して変化します。

リソースを選択する方法は、表示によって異なります。

一部のウィンドウではスペースが制限されるので、使用可能なスペースよりもツールバーのほうが長くなることがよくあります。この場合は、追加のオプションが表示されます。省略記号(三点リーダーまたは「」)をクリックまたはタップすると、その他のすべてのアクションを含むドロップダウンセレクターが開きます。例えば、サイト​コンソールでページを選択すると、次のように表示されます。

アクションツールバー

メモ

利用可能な個々のアイコンについては、それぞれのコンソール、機能、シナリオに関連するページで説明しています。

クイックアクション

カード表示では、特定のアクションがクイックアクションアイコンとして使用できます。クイックアクションアイコンはツールバーにも表示されます。クイックアクションのアイコンは、一度に 1 つの項目に対してのみ利用できます。このアイコンを使用すると、事前に選択する必要がありません。

クイックアクションは、リソースカードをマウスオーバー(デスクトップデバイスの場合)したときに表示されます。使用できるクイックアクションは、コンソールおよびコンテキストによって異なります。例えば、サイト​コンソールのページのクイックアクションを次に示します。

bh-13

リソースの表示と選択

概念上、表示、ナビゲーションおよび選択はすべての表示で同じ操作ですが、使用している表示によって処理がわずかに異なります。

使用可能な任意の表示方法で、リソースを表示、ナビゲーションおよび(追加のアクションをおこなうために)選択できます。表示を選択するには、右上のアイコンを使用します。

メモ

デフォルトでは、AEM Assets は、UI のどの表示でもアセットの元のレンディションをサムネールとして表示しません。管理者の場合、オーバーレイを使用して AEM Assets で元のレンディションをサムネールとして表示するように設定できます。

リソースの選択

特定のリソースの選択方法は、表示とデバイスの組み合わせによって異なります。

選択 選択解除
列表示
  • デスクトップ:
    サムネールをクリックする
  • モバイルデバイス:
    サムネールをタップする
  • デスクトップ:
    サムネールをクリックする
  • モバイルデバイス:
    サムネールをタップする
カード表示
  • デスクトップ:
    マウスオーバーし、チェックマーククイックアクションを使用します。
  • モバイルデバイス:
    カードをタップ&ホールドする
  • デスクトップ:
    カードをクリックします
  • モバイルデバイス:
    カードをタップします
リスト表示
  • デスクトップ:
    サムネールをクリックする
  • モバイルデバイス:
    サムネールをタップする
  • デスクトップ:
    サムネールをクリックする
  • モバイルデバイス:
    サムネールをタップする

すべてを選択

コンソールの右上隅にある「すべてを選択」オプションをクリックすると、あらゆる表示のすべての項目を選択できます。

  • カード表示​では、すべてのカードが選択されます。
  • リスト表示​では、リスト内のすべての項目が選択されます。
  • 列表示​では、一番左の列にあるすべての項目が選択されます。

screen-shot_2019-03-05at094659

すべて選択解除

どのような場合でも、項目を選択すると、選択された項目の数がツールバーの右上に表示されます。

すべての項目の選択を解除して選択モードを終了するには、次のいずれかをおこないます。

  • カウントの横にある X をクリックまたはタップする

  • エスケープ​を使用する

bh-14

デスクトップデバイスを使用している場合、すべての表示で、キーボードの Esc キーを押すことですべての項目を選択解除できます。

選択の例

  1. 例えば、カード表示では次のようになります。

    bh-15

  2. リソースを選択すると、上部のヘッダーの上にアクションツールバーが重なって表示され、選択したリソースで現在適用可能なアクションにアクセスできます。

    選択モードを終了するには、右上の「X」を選択するか、Esc キーを使用します。

列表示

bh-16

列表示を使用すると、一連のカスケード表示された列によってコンテンツツリーをビジュアルにナビゲーションできます。この表示では、Web サイトのツリー構造を目で見て確認しながら移動できます。

一番左の列のリソースを選択すると、右側の列に子リソースが表示されます。右側の列のリソースを選択すると、さらに右側の列に子リソースが表示されます。

  • リソース名かリソース名の右にある山形記号をタップまたはクリックすることで、ツリーを上下に移動できます。

    • リソース名と山形記号は、タップまたはクリックするとハイライト表示されます。

    bh-15

    • クリック/タップしたリソースの子は、クリック/タップしたリソースの右側の列に表示されます。
    • 子を持たないリソース名をタップまたはクリックすると、その詳細が最後の列に表示されます。
  • サムネールをタップまたはクリックして、リソースを選択します。

    • 選択すると、チェックマークがサムネールにオーバーレイ表示され、リソース名もハイライト表示されます。
    • 選択されたリソースの詳細が最後の列に表示されます。
    • アクションツールバーが使用可能になります。

    bh-18

    列表示でページが選択されると、選択したページが次の詳細と共に最後の列に表示されます。

    • ページタイトル
    • ページ名(ページの URL の一部)
    • ページがベースにするテンプレート
    • 変更の詳細
    • ページの言語
    • 公開の詳細

カード表示

bh-15-1

  • カード表示では、現在のレベルの各項目の情報カードを表示します。次のような情報が提供されます。

    • ページの内容を視覚的に表現したもの.

    • ページのタイトル.

    • 重要な日付(最終編集日、最終公開日など)。

    • ページがロックされているかどうか、非表示になっているかどうか、またはライブコピーの一部であるかどうか.

    • 適切な場合、ワークフローの一部としてアクションを実行する必要があるタイミング。

      • 必要なアクションを示すマーカーは、インボックスのエントリに関連している場合があります。
  • また、この表示では、選択などのクイックアクションや編集などの共通アクションも使用できます。

    bh-13-1

  • カードを(クイックアクションを回避するために慎重に)タップまたはクリックしてツリーの下に移動したり、ヘッダーのパンくずリストを使用して再び上に移動したりできます。

リスト表示

bh-19

  • リスト表示では、現在のレベルの各リソースの情報が表示されます。

  • リソース名をタップまたはクリックしてツリーの下に移動したり、ヘッダーのパンくずリストを使用して上に戻ったりできます。

  • リストですべての項目を簡単に選択するには、リストの左上にあるチェックボックスを使用します。

    bh-20

    • リストのすべての項目が選択されると、このチェックボックスがオンになります。

      • すべてを選択解除するには、チェックボックスをクリックまたはタップします。
    • 一部の項目のみが選択された場合、マイナス記号が表示されます。

      • すべてを選択するには、チェックボックスをクリックまたはタップします。
      • すべてを選択解除するには、再度チェックボックスをクリックまたはタップします。
  • 表示ボタンの下にある「設定を表示」オプションを使用して、表示する列を選択します。次の列を表示できます。

    • 名前 - ページ名。ページの URL の一部で、言語にかかわらず変更されないので、多言語オーサリング環境で便利です

    • 変更 - 最終変更日および最終変更者

    • 公開 - 公開ステータス

    • テンプレート - ページがベースにしているテンプレート

    • ワークフロー - 現在ページに適用されているワークフローマウスオーバーしたりタイムラインを開いたりすると、詳細情報が表示されます。

    • ページ分析

    • 個別訪問者数

    • ページ滞在時間

    bh-21

    デフォルトでは、ページの URL の一部を構成する「名前」列が表示されます。場合によっては、作成者は、異なる言語のページにアクセスする必要があることがあり、ページの名前(通常は変更なし)を確認することは、作成者がページの言語を知らない場合に非常に役立ちます。

  • リストの各項目の右端にある縦の点線マークを使用して項目の順序を変更します。

    メモ

    順序を変更できるのは、jcr:primaryType 値が sling:OrderedFolder である順序付きフォルダーの内部のみです。

    bh-22

    縦の選択バーをクリックまたはタップして、項目をリストの新しい位置にドラッグします。

    bh-23

  • 設定を表示​ダイアログを使用して適切な列を表示することで、分析データを表示できます。

    ヘッダーの右側にあるフィルターオプションを使用して、過去 30 日、90 日または 365 日の分析データをフィルターできます。

    bh-24

パネルセレクター

パネルセレクター​は、ウィンドウの左上にあり、現在のコンソールに応じてオプションを表示します。

bh-25

例えば、サイトでは、コンテンツのみ(デフォルト)、コンテンツツリー、タイムライン、参照またはフィルターのサイドパネルを選択できます。

コンテンツのみが選択されている場合は、パネルアイコンのみが表示されます。他のオプションが選択されている場合は、パネルアイコンの隣にオプション名が表示されます。

メモ

キーボードショートカットを使用してパネル表示オプションをすばやく切り替えることができます。

コンテンツツリー

コンテンツツリーを使用して、サイドパネル内でサイト階層をすばやく移動したり、現在のフォルダーのページに関する多くの情報を表示したりできます。

コンテンツツリーサイドパネルをリスト表示またはカード表示と共に使用すると、ユーザーはプロジェクトの階層構造を簡単に確認したり、コンテンツツリーサイドパネルを使用して、コンテンツ構造を簡単に移動したり、リスト表示で詳細なページ情報を表示したりできます。

bh-26

メモ

階層表示でエントリを選択すると、矢印キーを使用して階層をすばやく移動できます。
詳しくは、キーボードショートカットを参照してください。

タイムライン

タイムラインを使用して、選択したリソースで発生したイベントを表示または開始することができます。「タイムライン」列を開くには、パネルセレクターを使用します。

「タイムライン」列では、次の操作を実行できます。

これらのオプションには、「コメント」フィールドの横にある山形記号からアクセスできます。

bh-27

参照

参照​には、選択したリソースへの関係が表示されます。例えば、サイト​コンソールでは、ページの参照には次が表示されます。

  • ローンチ

  • ライブコピー

  • 言語コピー

  • コンテンツ参照:

    • 他のページから選択ページへのリンク
    • 参照コンポーネントで選択したページから借りたコンテンツや、選択したページに貸したコンテンツ

bh-28

フィルター

これを使用すると、適切な場所フィルターが既に設定された状態で検索と同じようにパネルが開き、表示したいコンテンツをさらにフィルタリングできます。

bh-29

このページ