オーサリング環境とツール

AEM のオーサリング環境は、コンテンツを編成および編集するための様々なメカニズムを提供しています。提供されるツールには、様々なコンソールおよびページエディターからアクセスします。

サイトの管理

Sites コンソールでは、ヘッダーバー、ツールバー、アクションアイコン（選択されたリソースに対して適用）、パンくず、選択時のセカンダリレール（例：タイムラインや参照）を使用して Web サイト内を移動および管理できます。

例えば、列表示では次のようになります。

ページのコンテンツの編集

ページはページエディターで編集できます。次に例を示します。

http://<host>:<port>/editor.html/content/wknd/en/sports/la-skateparks.html

ヘルプへのアクセス

ページの編集中、ヘルプ​には次の場所からアクセスできます。

• ページ情報​セレクター。（エディターに初めてアクセスしたときに表示される）紹介用のスライドが表示されます。
• 特定のコンポーネントの設定ダイアログ（ダイアログツールバーの「？」アイコンを使用）。コンテキスト依存のヘルプが表示されます。

その他のヘルプ関連リソースは、コンソールから表示できます。

コンポーネントブラウザー

コンポーネントは AEM コンテンツの構成要素です。AEM でコンテンツページを作成するには、ページ上に複数のコンポーネントを配置し、そのオプションを設定します。

コンポーネントブラウザーには、現在のページで使用可能なすべてのコンポーネントが表示されます。これらのコンポーネントを適切な場所にドラッグして編集することで、コンテンツを追加できます。

コンポーネントブラウザーはサイドパネル内のタブです（アセットブラウザーとコンテンツツリーも同じ場所にあります）。サイドパネルを開く（または閉じる）には、ツールバーの左上にある次のアイコンを使用します。

サイドパネルを開く際、パネルは（左側から）スライドして開きます（必要に応じて「コンポーネント」タブを選択）。開いたら、ページで使用可能なすべてのコンポーネントを閲覧することができます。

実際の外観や処理は、使用しているデバイスの種類によって異なります。

• モバイルデバイス（iPad など）

  コンポーネントブラウザーは、編集中のページ全体に開かれます。

  ページにコンポーネントを追加するには、目的のコンポーネントをタッチ＆ホールドし、右側に移動します。コンポーネントブラウザーが閉じてページが再表示され、このページ上でコンポーネントを配置できます。

  

• デスクトップデバイス

  コンポーネントブラウザーがウィンドウの左側に開きます。

  ページにコンポーネントを追加するには、目的のコンポーネントをクリックして、必要な位置までドラッグします。

  

  コンポーネントは次のものによって表されます。

  • コンポーネント名
  • コンポーネントグループ（グレー）
  • アイコンまたは略語
    • 標準コンポーネントのアイコンはモノクロです。
    • 略語は常にコンポーネント名の最初の 2 文字です。

  コンポーネント​ブラウザーの上部のツールバーでは、次の操作を実行できます。

  • コンポーネントを名前でフィルターします。
  • ドロップダウンから選択して特定のグループのみを表示します。

  コンポーネントについて詳しくは、コンポーネント​ブラウザー内のコンポーネントの横にある情報アイコンをクリックまたはタップしてください（使用可能な場合）。例えば、コンテンツフラグメント​の場合は、次のようになります。

  

  使用可能なコンポーネントについて詳しくは、コンポーネントコンソールを参照してください。

アセットブラウザー

アセットブラウザーには、現在のページで直接使用可能なすべてのアセットが表示されます。

アセットブラウザーはサイドパネル内のタブであり、コンポーネントブラウザーとコンテンツツリーも同じ場所にあります。サイドパネルを開く（または閉じる）には、ツールバーの左上にある次のアイコンを使用します。

サイドパネルを開く際、パネルは（左側から）スライドして開きます。必要に応じて「アセット」タブを選択します。

アセットブラウザーが開くと、ページで使用可能なすべてのアセットを参照できます。必要に応じて無限スクロールを使用してリストを拡大できます。

ページにアセットを追加するには、選択して必要な位置までドラッグします。次のアセットを使用できます。

• 適切な種類の既存のコンポーネント。
  • 例えば、画像タイプのアセットを画像コンポーネントにドラッグできます。
• 適切なタイプの新しいコンポーネントを作成するための段落システム内のプレースホルダー。
  • 例えば、画像タイプのアセットを段落システムにドラッグして画像コンポーネントを作成できます。

アセットブラウザーの上部のツールバーでは、アセットを次の項目で検索できます。

• 名前
• パス
• アセットタイプ（画像、ビデオ、ドキュメント、段落、コンテンツフラグメント、エクスペリエンスフラグメントなど）
• アセットの特性（向きやスタイルなど）
  • 特定のアセットタイプでのみ使用可能

実際の外観や処理は、使用しているデバイスの種類によって異なります。

• モバイルデバイス

  アセットブラウザーは、編集中のページ全体に表示されます。

  ページにアセットを追加するには、目的のアセットをタッチ＆ホールドし、右側に移動します。アセットブラウザーが閉じてページが再表示され、このページ上で目的のコンポーネントにアセットを追加できます。

  

• デスクトップデバイス

  アセットブラウザーがウィンドウの左側に開きます。

  ページにアセットを追加するには、目的のアセットをクリックして、必要なコンポーネントまたは場所までドラッグします。

  

アセットをすばやく変更する必要がある場合は、アセット名の横にある編集アイコンをクリックして、アセットブラウザーから直接アセットエディターを開始できます。

コンテンツツリー

コンテンツツリー​は、ページの構成を一目で確認できるように、ページのすべてのコンポーネントの概要を階層形式で表示します。

コンテンツツリーは、サイドパネル内のタブです（コンポーネントブラウザーとアセットブラウザーも同じ場所にあります）。サイドパネルを開く（または閉じる）には、ツールバーの左上にある次のアイコンを使用します。

サイドパネルを開く際、パネルは（左側から）スライドして開きます。必要に応じて「コンテンツツリー」タブを選択します。このタブを開くと、ページまたはテンプレートをツリービューで確認でき、コンテンツの階層的な構造を簡単に理解できます。また、複雑なページではページのコンポーネント間をジャンプしやすくなります。

ページは同じタイプの多数のコンポーネントで簡単に構成できます。コンテンツ（コンポーネント）ツリーには、コンポーネントタイプの名前（黒色）の後に説明テキスト（グレー）が表示されます。説明テキストは、コンポーネントの共通プロパティ（タイトル、テキストなど）から取得されます。

コンポーネントタイプはユーザーの言語で表示されますが、コンポーネントの説明テキストはページの言語で表示されます。

コンポーネントの横にある山形アイコンをクリックすると、レベルを折りたたむ、または展開することができます。

コンポーネントをクリックすると、ページエディターでそのコンポーネントが強調表示されます。使用可能なアクションは、ページの状態によって異なります。

• 次の基本ページの例を示します。

  

  基本ページのコンポーネントには通常のオプションがあります。

  ツリーでクリックしたコンポーネントが編集可能な場合は、スパナアイコンが名前の右側に表示されます。このアイコンをクリックすると、コンポーネントの編集ダイアログが直接開始されます。

  

• または、](/docs/experience-manager-cloud-service/content/sites/administering/reusing-content/msm/overview.html?lang=ja)ライブコピー[の一部を構成するページが開かれます。ここではコンポーネントが別のページから継承されます。

フラグメント - 関連コンテンツブラウザー

ページにコンテンツフラグメントが含まれている場合、関連コンテンツのブラウザーにもアクセスできます。

参照

参照​には、選択したページへの接続が表示されます。

• ブループリント
• ローンチ
• ライブコピー
• 言語コピー
• 被リンク
• 参照コンポーネントの使用：借りたコンテンツと貸したコンテンツ

必要なコンソールを開いたら、必要なリソースに移動し、次を使用して「参照」を開きます。

必要なリソースを選択し、そのリソースに関連する参照タイプのリストを表示します。

適切な参照タイプを選択すると、詳細情報が表示されます。状況によっては、次のような特定の参照の選択時にアクションを追加で実行できます。

• 被リンク（当該ページを参照するページのリストと、特定のリンクを選択したときにそれらのページのいずれかを​編集​できる直接アクセスを提供）
• 参照​コンポーネントを使用した借りたコンテンツおよび貸したコンテンツのインスタンス（ここから参照元／参照先ページに移動可能）
• ローンチ（関連するローンチへのアクセスを提供）
• ライブコピー（選択したリソースに基づくすべてのライブコピーのパスを表示）
• ブループリント（詳細と各種アクションを提供）
• 言語コピー（詳細と各種アクションを提供）

イベント - タイムライン

該当するリソース（例：Sites コンソールからのページ、Assets コンソールからのアセット）では、タイムラインを使用して、選択した項目に対する最近のアクティビティを表示できます。

必要なコンソールを開いたら、必要なリソースに移動し、次を使用して「タイムライン」を開きます。

必要なリソースを選択し、「すべて表示」または「アクティビティ」を選択すると、選択したリソースに対する最近のアクションが一覧表示されます。

ページ情報

ページ情報（イコライザーアイコン）をクリックするとメニューが開き、最後の編集および最後の公開に関する詳細も表示されます。ページ、そのページのサイト、使用しているインスタンスの特性に応じて、使用できるオプションの数は異なります。

• プロパティを開く
• ページをロールアウト
• ワークフローを開始
• ページをロック
• ページを発行
• ページを非公開
• テンプレートを編集
• 公開済みとして表示
• 管理画面で表示
• ヘルプ
• ローンチを昇格（ページがローンチの場合のみ）

該当する場合、ページ情報​から分析や推奨を確認することもできます。

ページモード

ページの編集時には様々なモードがあり、異なるアクションを行うことができます。

• 編集 - ページコンテンツの編集時に使用するモード。
• レイアウト - デバイスに応じたレスポンシブレイアウトを作成および編集できます（ページがレイアウトコンテナに基づいている場合）
• ターゲット設定 - すべてのチャネルにわたるターゲット設定と測定を通じてコンテンツの関連性を高めます。
• タイムワープ - 特定の時点のページの状態を表示できます。
• ライブコピーステータス - ライブコピーのステータスの簡単な概要および継承される（または継承されない）コンポーネントを示します。
• 開発者モード
• プレビュー - パブリッシュ環境とまったく同じ形式でページを表示する、またはコンテンツ内のリンクを使用して移動するために使用します。
• 注釈 - ページで注釈の追加または表示を行う場合に使用するモード。

これらのモードには右上のアイコンを使用してアクセスできます。実際のアイコンは、現在利用中のモードに合わせて変化します。

パスの選択

オーサリング時に、別のリソースを選択する必要が生じる場合がよくあります（別のページまたはリソースへのリンクを定義する場合、画像を選択する場合など）。簡単にパスを選択するために、パスフィールドにはオートコンプリート機能があり、パスブラウザーには強力な選択機能があります。

パスフィールド

説明のためにここで使用する例は、画像コンポーネントです。コンポーネントの使用および編集について詳しくは、ページオーサリング用コンポーネントを参照してください。

パスフィールドには、オートコンプリート機能とルックアヘッド機能があり、リソースを見つけやすくなりました。

パスフィールドで「選択ダイアログを開く」ボタンをクリックすると、パスブラウザーダイアログが開き、より詳細な選択オプションが表示されます。

または、パスフィールドで入力を開始すると、入力した内容と一致するパスが表示されます。

パスブラウザー

パスブラウザーは、Sites コンソールの列表示のように整理されており、リソースをより詳細に選択できます。

• リソースを選択すると、ダイアログの右上にある「選択」ボタンがアクティブになります。クリックまたはタップして選択内容を確認するか、「キャンセル」をクリックして中止します。

• コンテキストで複数のリソースを選択できる場合、リソースを選択すると「選択」ボタンがアクティブ化され、選択したリソースの数がウィンドウの右上に表示されます。すべての選択を解除するには、数字の横にある X をクリックします。

• ツリー内を移動すると、ダイアログ上部のパンくずリストに現在の位置が反映されます。これらのパンくずリストを使用すると、リソース階層内ですばやくジャンプすることもできます。

• ダイアログの上部にある検索フィールドはいつでも使用できます。検索をクリアするには、検索フィールドの X をクリックします。

• 検索を絞り込むには、フィルターオプションを表示して、特定のパスに基づいて結果をフィルターできます。

  

キーボードショートカット

様々なキーボードショートカットを利用できます。