Lightning カスタムコンポーネントを使用する
学習の目的
- Lightning カスタムコンポーネントをインストールする
- モバイルデバイスを使用して、Salesforce モバイルでアプリケーションをプレビューする
メモ
このバッジのハンズオン Challenge は日本語、スペイン語 (LATAM)、ポルトガル語 (ブラジル) に対応しています。Playground の言語を変更するには、こちらの指示に従ってください。日本語等、翻訳された言語と英語に差異がある可能性があります。英語以外の言語での指示に従って Challenge に合格できなかった場合は、[言語] と [地域] をそれぞれ [English]、[アメリカ合衆国] に切り替えてからもう一度お試しください。
アクセシビリティ
この単元には、スクリーンリーダーユーザー向けの追加の説明が用意されています。この単元のスクリーンリーダーバージョンを利用する場合は、以下のリンクをクリックしてください。
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 の利便性と機能を向上させるためのスキルを習得したことになります。ぜひカスタマイズしてみてください。
