Lightning Aura Components Developer Guide (Lightning Aura コンポーネント開発者ガイド)
jLightning ページと Lightning アプリケーションビルダーのコンポーネントの設定
1.組織で [私のドメイン] をリリースする
Aura コンポーネントを Lightning タブや Lightning ページで使用する場合や、カスタム Lightning ページテンプレートまたはスタンドアロンアプリケーションとして使用する場合は、組織で [私のドメイン] をリリースします。
[私のドメイン] についての詳細は、Salesforce ヘルプを参照してください。
2.新規インターフェースをコンポーネントに追加する
コンポーネントを Lightning アプリケーションビルダーまたは Lightning ページに表示するには、コンポーネントに次のいずれかのインターフェースを実装する必要があります。
| インターフェース | 説明 |
|---|---|
| flexipage:availableForAllPageTypes | レコードページと他の種別のページ (Lightning アプリケーションのユーティリティバーを含む) でコンポーネントを使用できます。 |
| flexipage:availableForRecordHome | コンポーネントがレコードページ専用に設計されている場合は、このインターフェースを flexipage:availableForAllPageTypes の代わりに実装します。 |
| clients:availableForMailAppAppPage | Lightning アプリケーションビルダー、Outlook インテグレーション、および Gmail インテグレーションのメールアプリケーション Lightning ページにコンポーネントを表示できます。 |
3.デザインリソースをコンポーネントバンドルに追加する
デザインリソースを使用して、Lightning アプリケーションビルダー、コミュニティビルダー、Flow Builder などのビルダーツールに公開する属性を制御します。デザインリソースは .cmp リソースと同じフォルダに存在します。このリソースには、Aura コンポーネントの設計時の動作 (ページまたはアプリケーションでコンポーネントを表示するためにビジュアルツールが必要とする情報) が記述されます。
たとえば、コンポーネントを 1 つ以上のオブジェクトに制限したり、属性のデフォルト値を設定したり、Aura コンポーネントの属性をシステム管理者が Lightning アプリケーションビルダーで編集できるようにしたりするには、コンポーネントバンドルのデザインリソースが必要です。
デザインリソースの名前は、componentName.design にする必要があります。
省略可能: SVG リソースをコンポーネントバンドルに追加する
SVG リソースを使用して、コンポーネントが Lightning アプリケーションビルダーのコンポーネントペインに表示されるときのカスタムアイコンを定義できます。これをコンポーネントバンドルに追加します。
SVG リソースの名前は componentName.svg にする必要があります。