ドキュメントAEM GuidesAEM Guides ドキュメント

AEMガイドの拡張フレームワーク：Web-Editor のカスタマイズと UI のレビュー

Last update: Fri Jan 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • User
  • Admin

システムで作業する場合、ビジネス/ユーザーは、業務に応じて、カスタムのボタン、アクション、情報を表示し、生産性を向上させたいと考えることが非常に一般的です。 拡張機能フレームワークを使用すると、AEMガイドの上にカスタムパッケージを作成して、ユーザーインターフェイスとその動作を拡張できます。 これらのカスタムパッケージは、開発者やコンサルタントがエディター/レビュー UI のコンポーネントに拡張機能を付与するのに役立ちます。 ボタン、ダイアログ、ドロップダウンをターゲットにし、AEM Guides UI と簡単に連携できるカスタム JavaScript を追加できます。

このセッションでは、実際のシナリオを参考に、AEMガイドのレビューと Web エディターの UI をカスタマイズまたは拡張する方法を学びます。

セッションの記録

https://video.tv.adobe.com/v/3425476/review-ui-customization-guides-extension-framework-web-editor

ハイライト

  • 日付 - 2023 年 11 月 3 日
  • 出席者数 - 119
  • 期間 - 60 分
  • 対象ユーザ ・お客様、パートナー、Adobe従業員

重要ポイント

このセッションでは、次の内容について学びました。

  • この拡張フレームワークを使用して拡張できるすべてのインターフェイスを理解する

  • 独自のカスタム機能の作成を簡単に開始できる、利用可能な機能について

  • 次の例を示して、カスタマイズを学びます。

    • Web エディターにヘルプとサポートのセクションを追加する
    • 1 つ左のパネルを追加 — 例えば、現在のユーザーのタスクを表示する場合
    • このフレームワークを使用して、トピック/マップ用のツールバーボタンを 1 つ追加します
    • webeditor のコンテンツプロパティパネルに表示される情報の拡張 — 後処理情報を追加して、特定のファイルに対して後処理が実行されたかどうかを示します。
    • Review UI にカスタムボタンを追加 — トピックを開いて webeditor で編集
    • レビュー UI のその他のカスタマイズオプション

  • 上記の例の実装は、作業を開始する際に使用できます。

関連リソース

  • Extension Framework の基本リポジトリ - GIT

  • ドキュメント - Experience League時

  • 一般的な使用例をドキュメント化 - Experience League時

  • サンプルを含むパブリックリポジトリ - GIT で. sc-expert-session ブランチを参照してください。

NOTE
このセッションで示す機能は、次のバージョンのAEMガイドで利用できます。
  • 2023 年 10 月（クラウド向け）
  • 4.3.x（クラウド以外の場合）

お問い合わせ

ご不明な点は、 techcomm@adobe.com

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178