バージョン 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 は(基本的に)サーバーサイドでレンダリングされます。 |
|
sling:resourceType
|
ダイアログノード:
|
ダイアログノード:
|
JavaScript の場所:
|
JavaScript の場所:
|
イベントの処理:
|
イベントの処理:
|
クライアントがレンダリングを実行:
|
サーバーがレンダリングを実行:
|
つまり、UI の一部をクラシック UI からタッチ UI に移行するということは、ExtJS ウィジェットを Sling コンポーネントに移行することを意味します。これを容易にするために、タッチ UI は、Granite UI フレームワークに基づいています。このフレームワークは、既に UI 用の Sling コンポーネント(Granite UI コンポーネントと呼ばれます)を提供しています。
開始する前に、ステータスと関連する推奨事項を確認してください。
タッチ UI の開発の基本は、堅実な基礎を提供します。
コンポーネントを移行する際、ダイアログは主な要因です。
AEM コンポーネントの開発 (タッチ操作対応 UI を使用)
AEM 最新化ツール — クラシック UI コンポーネントのダイアログをタッチ UI に変換することに役立ちます。
ページオーサリングのカスタマイズ(タッチ操作対応 UI を使用)
また、コンソールをカスタマイズすることもできます。
タッチ UI への移行とは直接関係ありませんが、移行に際して検討を推奨する関連事項として、次のものがあります。
開発 - ベストプラクティスも参照してください。
AEM の開発について詳しくは、以下のリソースのコレクションを参照してください。
AEM Modernization Tools はコミュニティの取り組みであり、Adobeによるサポートや保証はありません。