Salesforceのページレイアウトとは Lightningレコードページとの違いと役割を解説
目次
Salesforceで画面設計を行う際、「ページレイアウトとLightningレコードページの違いが分からない」「どこまでページレイアウトで設定すべきなのか迷う」と感じたことはないでしょうか。
Lightning Experienceでは、ページレイアウトに加えて、Lightningレコードページや動的フォーム・動的アクションといった機能が利用できるようになり、画面設計の選択肢が広がっています。
本記事では、ページレイアウトの基本から、Lightningレコードページとの違い、役割分担の考え方まで、実務で押さえておきたいポイントを整理して解説します。
ページレイアウトとは？
ページレイアウトとは、Salesforceのオブジェクトレコードページの表示内容を制御する機能です。レコードページとは、取引先や商談など各レコードの詳細情報を表示する画面のことを指します。
ページレイアウトは、Salesforce Classicの時代から利用されている画面構成の基本機能です。現在のLightning Experienceにおいても、その役割は変わっておらず、レコード画面の基本設定として機能しています。
ページレイアウトを適切に設定することで、ユーザー種別や利用シーンに応じて最適化された画面を提供できます。これにより、ユーザーの生産性向上や入力ミス防止など、さまざまなメリットが期待できます。
設定できる主な項目
ページレイアウトでは、レコード画面に表示する項目や関連リストの配置を定義できます。主に次のような設定が可能です。
- 項目の配置順やセクション構成
- 必須項目や参照のみとする項目の設定
- ボタンの表示有無
- 関連リストの表示設定
たとえば営業部門向けのレイアウトでは、商談の金額や確度、次のステップといった重要項目を上部に配置し、入力頻度の低い項目は下部にまとめるといった設定が可能です。
また、マネージャー向けには承認ボタンを追加したり、関連リストの表示項目を調整したりすることで、必要な情報に素早くアクセスできる画面構成を実現できます。
ページレイアウトにおける画面表示制御
ページレイアウトは、レコードタイプやプロファイルを組み合わせて割り当てることができます。従来は、レコードタイプやプロファイルごとにページレイアウトを切り替えることで、業務内容に応じた画面構成を実現するのが一般的でした。
そのため、画面の表示内容を分ける目的でレコードタイプを増やす設計も多く見られました。たとえば、営業用とサポート用で表示項目を変えたい場合に、それぞれ専用のレコードタイプとページレイアウトを用意するといった方法です。
一方、Lightning Experienceでは、Lightningレコードページや動的フォームによって、条件に基づいた表示制御が項目単位で可能になっており、画面の表示制御だけを目的としてレコードタイプを増やす必要性は以前ほど高くありません。
Lightningレコードページとは？
Lightningレコードページとは、Lightning Experienceでレコード画面の見た目や配置を定義するための機能です。
ページレイアウトが「どの項目や関連リストを表示するか」を定義するのに対し、Lightningレコードページは、ページレイアウトで定義された内容を含め、さまざまなコンポーネントを「画面のどこに、どのように配置するか」を決める役割を担います。
Lightningレコードページでは、項目や関連リストだけでなく、レポートグラフやフロー、カスタムコンポーネントなども自由に配置できます。そのため、業務に応じて必要な情報や機能を一画面に集約することが可能です。
また、Lightningレコードページは、アプリケーション、レコードタイプ、プロファイル単位で割り当てることができ、より柔軟な画面設計を実現します。
ページレイアウトとの違い
ページレイアウトは、レコード画面に表示する項目や関連リスト、ボタンの表示有無や配置順を定義する機能です。一方、Lightningレコードページは、それらを含めた画面全体のレイアウトを定義します。
両者は役割が異なり、どちらか一方だけを使うものではありません。たとえば、Lightningレコードページ上の「レコードの詳細」コンポーネントには、ページレイアウトで定義された内容が表示されます。
ページレイアウトは「何を表示するか」を決め、Lightningレコードページは「画面全体をどのように構成するか」を決めるという違いがあります。
コンポーネントを組み合わせた柔軟な画面構成
Lightningレコードページでは、標準コンポーネントやカスタムコンポーネントを組み合わせて画面を構成します。
代表的なコンポーネントには、次のようなものがあります。
- レコードの詳細
- 関連リスト
- 関連リスト – 1つ
- レポートグラフ
- リッチテキスト
- フロー
ページレイアウトが項目の配置を中心とした機能であるのに対し、Lightningレコードページでは、レポートやフローなどの機能も同じ画面に組み込むことができます。これにより、情報の確認と操作を一画面で完結できる構成が可能になります。
より柔軟な表示制御を実現する機能
Lightningレコードページでは、項目やボタンの表示をより柔軟に制御できる機能として、「動的フォーム」と「動的アクション」が提供されています。
動的フォーム
動的フォームを利用すると、ページレイアウトを使用せずにLightningレコードページ上で項目を直接配置できます。さらに、項目ごとに表示条件を設定できるため、特定の項目の値やユーザーの条件に応じて表示を切り替えることが可能です。
これにより、従来のレコードタイプによる画面分岐に頼らず、より細かな表示制御が実現できます。
※動的フォームの詳しい設定方法については、別記事で解説しています。https://frogwell.co.jp/blogs/doutekiform/
動的アクション
動的アクションは、ボタンやアクションの表示制御を柔軟に行うための機能です。条件に応じて表示するボタン・アクションを切り替えることができるため、レコードの状況に合った操作だけを表示できます。
設定手順
Salesforceのレコード画面は、Lightningレコードページとページレイアウトの組み合わせによって構成されています。
そのため、画面設定を行う際は、まずLightningレコードページで全体構成を定義し、必要に応じてページレイアウトで詳細項目を調整します。
ここでは、それぞれの設定手順を解説します。
Lightningレコードページの設定手順
Lightningレコードページは、アプリケーションビルダーを使用して設定します。画面全体の構成やコンポーネントの配置は、こちらで制御します。
- 編集したいオブジェクトのレコードページで歯車アイコンをクリックし、「ページを編集」をクリック
- 編集ページでコンポーネントをドラッグ＆ドロップで配置し、「保存」をクリック
- 「組織のデフォルトとして割り当て」をクリックし、「完了」をクリック
- 「デスクトップおよび電話」を選択し、「次へ」をクリック
- 「保存」をクリックして完了
※Lightningページはアプリケーションやレコードタイプ、プロファイルごとに割り当てることも可能です。その場合は、「アプリケーションのデフォルト」タブ、「アプリケーション、レコードタイプ、プロファイル」タブで設定します。
動的フォームを利用する場合は、「レコードの詳細」コンポーネントを動的フォームへ移行し、項目を直接ページ上に配置します。
ページレイアウトの設定手順
ページレイアウトでは、レコードの詳細情報として表示する項目や関連リスト、ボタンなどの基本構造を定義します。
- 「設定」→「オブジェクトマネージャ」から対象オブジェクトを選択
- オブジェクトの管理設定ページで「ページレイアウト」をクリック
- 新規作成の場合は「新規」をクリック。既存レイアウトの変更は対象レイアウト名をクリック
- レイアウトの各種編集を実施
- 画面上のパレットから各種項目をドラッグ＆ドロップして配置
- 「保存」をクリック
- ページレイアウトの一覧画面で「ページレイアウトの割り当て」をクリック
- 各プロファイル毎にページレイアウトを指定
- 「保存」をクリック
■ セクションを追加する際は「セクション」を追加
■ 既存のセクションを変更する際は、セクションプロパティから編集。レイアウトやタブキーの順序も変更可能です。
※レイアウト変更後は、そのレイアウトを利用するユーザープロファイルへの割り当て設定を忘れずに行いましょう。
これにより、ユーザー種別（役割、部門など）に応じて、最適なページレイアウトを割り当てることができます。
なお、Lightningレコードページで「レコードの詳細」コンポーネントを使用している場合、その表示内容はここで設定したページレイアウトに基づいて表示されます。
設計時に注意すべきポイント
Lightning Experienceでは、ページレイアウトとLightningレコードページ、さらに動的フォームや動的アクションが組み合わさって画面が構成されます。そのため、役割を整理せずに設定を進めると、思わぬ表示不具合や管理の煩雑化につながることがあります。
ここでは、設計時に意識しておきたいポイントを解説します。
項目レベルセキュリティとの関係
ページレイアウトで項目を非表示にしても、項目レベルセキュリティで閲覧可能になっていれば、レポートなどから参照できる場合があります。
表示制御とセキュリティ制御は別の仕組みであることを理解しておくことが大切です。
画面に表示しないことと、アクセス権を制限することは同義ではありません。セキュリティ要件がある項目については、必ずプロファイルや権限セットの設定もあわせて確認しましょう。
モバイル表示への配慮
Salesforceモバイルアプリでは、画面幅が限られるため、PCと同じ設計では見づらくなることがあります。
- 重要項目は上部に配置する
- セクションを増やしすぎない
- 関連リストの数を絞る
といった工夫が必要です。
モバイルアプリでの表示も実際に確認し、利用環境に適した表示になっているかをチェックしましょう。
ページレイアウトに配置すべき項目
Lightningレコードページを中心に設計している場合でも、ページレイアウト側に配置しておく必要がある項目があります。
-
たとえば、
- Kanbanビューで利用する集計項目
- 関連リストコンポーネントで表示する関連リスト
- Lightningレコードページで利用するボタン・アクション
これらはページレイアウトに配置されていないと、Lightningレコードページ側で利用できない場合があります。
利用したい項目や関連リストなどが表示されない場合は、ページレイアウトに配置されているかを確認してみましょう。
表示制御の方針を統一する
Lightningレコードページや動的フォームの登場により、画面表示を制御できる場所が増えました。
その結果、レコードタイプ、ページレイアウト、Lightningレコードページ、動的フォームのいずれで表示を制御するのかが分かりにくくなることがあります。
-
たとえば、
- レコードタイプで画面を分けている
- ページレイアウトでも項目を分けている
- 動的フォームでも表示条件を設定している
といった状態になると、どこを変更すればよいのか判断しづらくなります。そのため、表示制御をどこで行うかの方針をチーム内で決めておくことが大切です。
まとめ
本記事では、Salesforceにおけるページレイアウトの役割と、Lightningレコードページとの違い、さらに設定手順や設計時の注意点について解説しました。
現在のLightning Experienceでは、画面はLightningレコードページとページレイアウトの組み合わせによって構成されています。ページレイアウトは項目や関連リストの基本構造を定義し、Lightningレコードページはそれらを含めた画面全体のレイアウトを設計する機能です。
さらに、動的フォームや動的アクションを活用することで、より柔軟な表示制御も可能になります。重要なのは、それぞれの役割を整理したうえで設計することです。
どの機能で何を制御するのかを明確にすることで、保守性の高い画面設計が実現できます。
業務要件を踏まえ、ユーザビリティと管理性のバランスを意識した設計を行うことで、Salesforceの活用効果は大きく高まります。画面設計は一度作って終わりではなく、運用に合わせて見直しを続けていくことが重要です。
なお、弊社フロッグウェル株式会社では、Salesforceの導入支援やコンサルティングサービスを提供しております。ページレイアウトの設定や活用方法についてもサポートいたしますので、お気軽にお問い合わせください。
＜Salesforce＞
弊社ではSalesforceの導入支援のサポートも行っています。ぜひお気軽にお問い合わせください。
＞＞Salesforceについての詳細はこちら
また、弊社ではSalesforceをはじめとするさまざまな無料オンラインセミナーを実施しています！
＞＞セミナー一覧はこちら
医療業界に特化した営業支援、顧客管理(SFA/CRM)のコンサルティングも提供しております。こちらもぜひお気軽にお問い合わせください。
＞＞顧客管理(SFA/CRM)のコンサルティングの詳細はこちら
