Lightning Experience および Salesforce モバイルアプリケーションにカスタマイズされたレコードページを作成する

学習の目的

この単元を完了すると、次のことができるようになります。

• Lightning Experience および Salesforce モバイルアプリケーションにカスタマイズされたオブジェクトレコードページを作成する。
  
• カスタムレコードページをユーザーに対して有効にする。
  

メモ

日本語で受講されている方へChallenge は日本語の Trailhead Playground で開始し、日本語の値をコピーして貼り付けます。日本語の組織で Challenge が不合格だった場合は、(1) この手順に従って [Locale (地域)] を [United States (米国)] に切り替え、(2) [Language (言語)] を [English (英語)] に切り替えてから、(3) [Check Challenge (Challenge を確認)] ボタンをクリックしてみることをお勧めします。

翻訳版 Trailhead を活用する方法の詳細は、自分の言語の Trailhead バッジを参照してください。

アクセシビリティ

この単元には、スクリーンリーダーユーザー向けの追加の説明が用意されています。この単元の詳細なスクリーンリーダー版を利用するには、以下のリンクをクリックしてください。

Trailhead スクリーンリーダーの説明を開く。

Lightning Experience のレコードページのカスタマイズ

Lightning アプリケーションビルダーを使用して、レコードページにコンポーネントの追加、削除、並び替えを行うことで、各オブジェクトのレコードのユーザーへの表示をカスタマイズできます。さらに、レコードページをカスタマイズして特定の Lightning アプリケーションに割り当て、ユーザーが操作するアプリケーションのコンテキスト用に特別にカスタマイズされたレコードページにアクセスできるようにすることも可能です。

ホームページと同様に、カスタムレコードページを作成する方法は複数あります。テンプレートを使用して一から作成する方法、他のカスタムレコードページを複製する方法、そして既存のページを編集する方法です。ただし、ホームページとは異なり、カスタムレコードページは、デスクトップの Lightning Experience だけではなく、Salesforce モバイルアプリケーションでもサポートされています。

カスタム Lightning レコードページを作成する

次は、カスタム商談レコードページを作成しましょう。

しくみが分かりやすくなるように、標準レコードページのレイアウトを少し変更します。ここで操作に慣れれば、レコードページを好きなようにカスタマイズできるようになります。では始めましょう。

1. [Setup (設定)] から、[Quick Find (クイック検索)] ボックスに App Builder (アプリケーションビルダー) と入力し、[Lightning App Builder (Lightning アプリケーションビルダー)] を選択します。
   
2. [New (新規)] をクリックします。
   
3. [レコードページ] を選択して、後はウィザードの指示に従っていきます。
   
4. ページに New Opportunity Page (新規商談ページ) という表示ラベルを付け、オブジェクトとして [Opportunity (商談)] を選択します。
   [Object (オブジェクト)] 項目にオブジェクトの名前を入力してリストを絞り込むと、目的のオブジェクトをすばやく見つけることができます。
   
5. [Header, Subheader, Right Sidebar (ヘッダー、サブヘッダー、右サイドバー)] テンプレートを選択して、[Done (完了)] をクリックします。
   コンポーネントペインには、商談レコードページに使用できるすべての標準コンポーネントと、組織にインストールしたすべてのカスタムコンポーネントが表示されます。
   
6. 設定メニュー から、[Always show icons (常にアイコンを表示)] を選択します。
   パレットに表示されるアイコンには、各コンポーネントでサポートされるフォーム要素が表示されます。たとえば、Chatter フィードコンポーネントをページに追加すると、デスクトップと Salesforce モバイルアプリケーションのどちらでページを表示しても、このコンポーネントが表示されます。ただし、Chatter パブリッシャーはデスクトップのみでサポートされているため、モバイルには表示されません。このモジュールの後半で、完成したページで実際にこの動作を確かめてみましょう。
   
7. [強調表示パネル] コンポーネントをページの上の範囲にドラッグします。コンポーネントのプロパティペインで [動作を確認] をクリックすると、強調表示パネルのコンテンツがどこから取得されているかを調べることができます。
   
8. パスコンポーネントを強調表示パネルの下の領域に追加します。
   
9. Chatter コンポーネントを右下の範囲に追加します。
   
10. [タブ] コンポーネントを左下の範囲に追加します。
    

[Tab (タブ)] コンポーネントにはデフォルトでいくつかのタブが配置されています。さらに追加しましょう。

11. [Tabs (タブ)] コンポーネント詳細ペインで [Add Tab (タブを追加)] をクリックします。
    

デフォルトでは、もう 1 つ [Details (詳細)] タブが追加されます。すでに [Details (詳細)] タブはありますから、これを何か違うものにしましょう。

12. 2 つ目の [詳細] タブをクリックします。
    
13. [Tab Label (タブの表示ラベル)] ドロップダウンメニューから [Custom (カスタム)] を選択し、新しい表示ラベルを Recent Items (最近使ったデータ) とします。
    [Tab Label (タブの表示ラベル)] リストを上にスクロールして、一番上にある [Custom (カスタム)] を見つけてください。
    

14. [完了] をクリックします。
    
15. [活動] タブを作成します。
    
16. キャンバスの [Details (詳細)] タブを選択します。
    
17. [Details (詳細)] タブのすぐ下のレコード詳細コンポーネントを緑の強調表示領域にドラッグします。 
    

18. [関連リスト] コンポーネントを [関連] タブに追加し、[活動] コンポーネントを [活動] タブに追加し、[最近使ったデータ] コンポーネントを [Recent Items (最近使ったデータ)] タブに追加します。
    
19. キャンバスでタブコンポーネントを選択し、プロパティペインでタブの順序を [詳細]、[活動]、[最近使ったデータ]、[関連] の順に変更します。
    コンポーネントの内部のタブをドラッグして移動することはできません。プロパティペインでできるのは調整だけです。
    
20. [Save (保存)]、[Activate (有効化)] の順にクリックします。
    

カスタムレコードページをユーザーにロールアウトする

それでは新しいページを実装して有効化しましょう。

有効化には 4 つのオプションがあります。

• ページを組織のオブジェクトのデフォルトにする。
  
• ページを特定の Lightning アプリケーションのデフォルトのオブジェクトレコードページにする。
  
• ページを Lightning アプリケーション、レコードタイプ、およびプロファイルの組み合わせに割り当てる。
  
• ページをデスクトップや電話などのフォーム要素に割り当てる。
  

リストの最後の項目に注目です。ユーザーのニーズに合わせてカスタマイズされたページを作成できるだけでなく、さらに一歩進めて、ユーザーがアクセスする方法に基づいてページをカスタマイズできるのです。移動中や現場でモバイルユーザーに必要な情報のみが含まれた、モバイルユーザー専用の独自にカスタマイズされたレコードページを作成できます。同時に、PC やノート PC で作業をするユーザーのニーズに応じたデスクトップ専用のレコードページも作成できます。

次は、このページを特定のアプリケーション、レコードタイプ、プロファイルに割り当ててます。デスクトップと携帯電話で表示されるように、両方のフォーム要素に割り当てるようにします。

1. [アプリケーション、レコードタイプ、およびプロファイル] タブをクリックします。
   
2. [アプリケーション、レコードタイプ、およびプロファイルに割り当て] をクリックします。
   
3. 割り当てウィザードの手順を実行し、ページをセールスアプリケーション、デスクトップと携帯電話のフォーム要素、マスターレコードタイプ、システム管理者プロファイルに割り当てます。
   
4. ページ割り当てを確認します。
   [新規ページ] 列に、有効化するページの名前 [New Opportunity Page (新規商談ページ)] が入力されています。
   
5. [Save (保存)] をクリックします。
   

これで、カスタマイズしたレコードページを使用できます。でもその前に、ページをもっと便利にしましょう。

ここで「これはすばらしいと思うけれど、後で気が変わってカスタムページを無効にしたくなったらどうするのだろう?」という疑問にお答えしておきます。それも簡単です。[Activation (有効化)] をクリックして [App, Record Type, and Profile (アプリケーション、レコードタイプ、およびプロファイル)] タブをクリックし、[Remove Assignments (割り当てを削除)] をクリックします。

リソース

• Salesforce ヘルプ: Lightning Experience レコードページの作成および設定
  
• Salesforce ヘルプ :Lightning アプリケーションビルダーを使用した Lightning ページのタブの追加とカスタマイズ
  
• Salesforce ヘルプ: Lightning Experience のレコードページの有効化
  
• Salesforce ヘルプ: Lightning アプリケーションビルダーの考慮事項