この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

Lightning ページと Lightning アプリケーションビルダーのコンポーネントの設定

Lightning ページまたは Lightning アプリケーションビルダーでカスタム Lightning コンポーネントを使用する前に、3 つのステップを実行する必要があります。

1. 組織で [私のドメイン] を有効化する

Lightning コンポーネントを Lightning タブ、Lightning ページ、またはスタンドアロンアプリケーションとして使用する場合は、組織で [私のドメイン] を有効にする必要があります。

[私のドメイン] についての詳細は、「私のドメイン」を参照してください。

2. 新規インターフェースをコンポーネントに追加する

コンポーネントを Lightning アプリケーションビルダーまたは Lightning ページに表示するには、コンポーネントに flexipage:availableForAllPageTypes インターフェースを実装する必要があります。

シンプルな「Hello World」コンポーネントのサンプルコードを次に示します。

リソースを access="global" としてマークし、リソースを自分の組織外で使用できるようにします (インストール済みパッケージや他の組織の Lightning アプリケーションビルダーユーザまたはコミュニティビルダーユーザがリソースを使用できるようにするなど)。

メモ

3. デザインリソースをコンポーネントバンドルに追加する

Lightning コンポーネントを Lightning ページおよび Lightning アプリケーションビルダーで使用できるようにするには、コンポーネントバンドルにデザインリソースを含める必要があります。デザインリソースには、Lightning コンポーネントの設計時の動作 (ページまたはアプリケーションへのコンポーネントの追加を可能にするためにビジュアルツールが必要とする情報) が記述されます。

Lightning コンポーネントの属性をシステム管理者が Lightning アプリケーションビルダーで編集できるようにするには、属性の design:attribute ノードをデザインリソースに追加します。コンポーネント定義で必須とマークされた属性は、デフォルト値が割り当てられている場合を除き、Lightning アプリケーションビルダーで自動的にユーザに表示されます。コンポーネント定義内のデフォルト値が設定された必須属性と必須とマークされていない属性は、デザインリソースで指定する必要があります。指定しないとユーザには表示されません。

「Hello World」コンポーネントと一緒にバンドルするデザインリソースを次に示します。
項目を選択リストとして表示するには、次のように、datasource をデザインリソースの属性に追加します。
デザインリソースdatasource が設定された文字列属性はすべて選択リストとして処理されます。
デザインリソースでは、属性のデフォルトを次のように設定できます。

デザインリソースでは、intstring、または boolean 型の属性のみがサポートされます。

デザインリソースの名前は、componentName.design にする必要があります。

省略可能: SVG リソースをコンポーネントバンドルに追加する

SVG リソースを使用して、コンポーネントが Lightning アプリケーションビルダーのコンポーネントペインに表示されるときのカスタムアイコンを定義できます。リソースをコンポーネントバンドルに追加するだけです。

「Hello World」コンポーネントと一緒に表示するシンプルな赤い円の SVG リソースの例を次に示します。

SVG リソースの名前は componentName.svg にする必要があります。