Lightning カスタムコンポーネントを使用する
学習の目的
Lightning アプリケーションビルダーの Lightning カスタムコンポーネント
Lightning カスタムコンポーネントを作成するには、プログラミングのスキルが必要です。あるいは、AppExchange から既存の Lightning コンポーネントをインストールすることもできます。
Lightning Web コンポーネントを使用してカスタム Lightning コンポーネントを作成できます。「Lightning Web コンポーネントの基本」モジュールを参照してください。
Lightning アプリケーションビルダーで使用するために設定された組織のカスタムコンポーネントは、Lightning コンポーネントペインに表示されます。

このモジュールで使用しているカスタムコンポーネントには、すでに Lightning アプリケーションビルダーが設定されています。
Lightning カスタムコンポーネントをインストールする
Lightning ページに追加できる商談アラートの Lightning カスタムコンポーネントが用意されています。これを組織にインストールしましょう。
ハンズオン Challenge がある任意の単元に移動し、ページの一番下までスクロールして [起動] をクリックして、Trailhead Playground を起動します。組織に [パッケージのインストール] というタブが表示されている場合は、以下の手順に従います。
表示されていない場合は、アプリケーションランチャーアイコンをクリックしてアプリケーションランチャーを起動してから、[Playground Starter] をクリックして手順に従います。Playground Starter アプリケーションが表示されない場合は、こちらのパッケージのインストールリンクをクリックして、Trailhead ヘルプの「Trailhead の Challenge を完了するためのパッケージやアプリケーションのインストール」を参照してください。
- [パッケージのインストール] タブをクリックします。
- 項目に
04t2E00000161fSQAQ
を貼り付けます。 - [インストール] をクリックします。
- [管理者のみのインストール] を選択し、[インストール] をクリックします。
インストールが完了したら、次はページにコンポーネントを追加します。
アプリケーションページにカスタム Lightning コンポーネントを追加する
- [設定] から、[クイック検索] ボックスに
アプリケーションビルダー
と入力し、[Lightning アプリケーションビルダー] をクリックします。 - 前の単元で作成した [Top Accounts and Opportunities (重要な取引先と商談)] ページの横にある [編集] をクリックします。
- 商談アラートコンポーネントをリストビューコンポーネントの上に追加します。
- [プロパティ] ペインで、[最終更新からの日数] を
6
に変更します。
コンポーネント内のテキストが新しい項目値に合わせて変更されたことに気づきましたか? - [進行中の ToDo あり] をオフにして、[保存] をクリックします。
それでは、変更は、すぐに Lightning Experience およびモバイルアプリケーションに反映されます。ページがどのように表示されるか見てみましょう。
カスタムコンポーネントをテストする
- モバイルデバイスでアプリケーションを開きます。
- 必要に応じて、Trailhead Playground のログイン情報を使用してログインします。
- セールスアプリケーションの [Top Accounts and Opportunities (重要な取引先と商談)] ページに移動し、新しいコンポーネントが表示されるまでスクロールダウンします。画面を更新しないと変更が表示されないことがあります。
- 組織に戻り、Lightning Experience で [Top Accounts and Opportunities (重要な取引先と商談)] ページを表示します。
2 列テンプレートを使用してページを作成したため、デスクトップまたはタブレットでの表示には 2 列形式が使用されます。
これでみなさんは、Salesforce モバイルアプリケーションと Lightning Experience の利便性と機能を向上させるためのスキルを習得したことになります。ぜひカスタマイズしてみてください。