タッチ UI への移行
- トピック:
- 開発
作成対象:
- 開発者
バージョン 6.0 以降、Adobe Experience Manager(AEM)では、タッチ操作対応 UI(単に タッチ UI とも呼ばれます)をクリックします。これは、Adobe Experience Cloud と、全体的な Adobe ユーザーインターフェイスのガイドラインに合わせて表示されます。これは AEM の標準的な UI で、レガシーでデスクトップ向けのインターフェースは クラシック UI と呼ばれています。
クラシック UI で AEM を使用している場合は、アクションを実行してインスタンスを移行します。このページは、それぞれのリソースへのリンクを提供することで、スプリングボードとしての役割を果たすことを目的としています。
基本知識
移行時には、クラシック UI とタッチ UI の、次の大きな違いに注意します。
クラシック UI | タッチ操作対応 UI |
JCR リポジトリでノードの構造として記述されます。UI の要素を表すすべてのノードは ExtJS ウィジット と呼ばれ、ExtJS によってクライアントサイドでレンダリングされます。 | JCR リポジトリでもノードの構造として説明されています。ただし、この場合、すべてのノードは Sling リソースタイプ(Sling コンポーネント)を参照し、そのレンダリングを担当します。したがって、UI は(基本的に)サーバーサイドでレンダリングされます。 |
|
|
ダイアログノード:
|
ダイアログノード:
|
JavaScript の場所:
|
JavaScript の場所:
|
イベントの処理:
|
イベントの処理:
|
クライアントがレンダリングを実行:
|
サーバーがレンダリングを実行:
|
つまり、UI の一部をクラシック UI からタッチ UI に移行するということは、ExtJS ウィジェット を Sling コンポーネント に移行することを意味します。これを容易にするために、タッチ UI は、Granite UI フレームワークに基づいています。このフレームワークは、既に UI 用の Sling コンポーネント(Granite UI コンポーネントと呼ばれます)を提供しています。
開始する前に、ステータスと関連するレコメンデーションを確認してください。
タッチ UI の開発の基本は、堅牢な基礎を提供します。
ページオーサリングの移行
コンポーネントを移行する際、ダイアログは主な要因です。
-
AEM コンポーネントの開発 (タッチ操作対応 UI を使用)
-
AEM 最新化ツール — クラシック UI コンポーネントのダイアログをタッチ UI に変換することに役立ちます。
- タッチ UI には、「タッチ UI のラッパー」内でクラシック UI ダイアログを開くための互換性レイヤーがありますが、機能が限られているので、長期的には推奨されません。
-
ページオーサリングのカスタマイズ(タッチ操作対応 UI を使用)
コンソールの移行
コンソールをカスタマイズすることもできます。
- コンソールのカスタマイズ(タッチ操作対応 UI 用)
関連する考慮事項
タッチ UI への移行とは直接関係ありませんが、移行に際して検討を推奨する関連事項として、次のものがあります。
その他のリソース
AEM の開発について詳しくは、以下のリソースのコレクションを参照してください。