Aura コンポーネントを Lightning ページで使用できるようにするための準備 | Lightning Aura Components Developer Guide (Lightning Aura コンポーネント開発者ガイド)

Lightning ページと Lightning アプリケーションビルダーのコンポーネントの設定
Lightning ページまたは Lightning アプリケーションビルダーでカスタム Aura コンポーネントを使用する前に、いくつかのステップを実行します。
Lightning Experience のレコードホームページのコンポーネントの設定
Lightning ページおよび Lightning アプリケーションビルダーで動作するようにコンポーネントを設定したら、次のガイドラインを使用して、Lightning Experience のレコードページで動作するようにコンポーネントを設定します。
Outlook および Gmail インテグレーションのコンポーネントの作成
Outlook および Gmail インテグレーションのメールアプリケーションペインに追加できるカスタムの Aura コンポーネントを作成します。
カスタムコンポーネントの動的選択リストの作成
Lightning アプリケーションビルダーでコンポーネントが設定されるときに、コンポーネントのプロパティを選択リストとして公開できます。選択リストの値は、作成する Apex クラスによって提供されます。
カスタム Lightning ページテンプレートコンポーネントの作成
すべての標準 Lightning ページは、ページの領域とページに含まれるコンポーネントを定義するデフォルトテンプレートコンポーネントに関連付けられています。カスタム Lightning ページテンプレートコンポーネントでは、定義した構造とコンポーネントを使用して、ビジネスニーズに合ったページテンプレートを作成できます。カスタムテンプレートを実装すると、ページ作成者は Lightning アプリケーションビルダーの新規ページウィザードでそのカスタムテンプレートを使用できます。
Lightning ページテンプレートコンポーネントのベストプラクティス
Lightning ページテンプレートコンポーネントを作成する場合、次のベストプラクティスと制限に留意してください。
lightning:flexipageRegionInfo による Lightning ページコンポーネントでの幅の認識
Lightning アプリケーションビルダーでページの範囲にコンポーネントを追加するときに、lightning:flexipageRegionInfo サブコンポーネントが親コンポーネントにその範囲の幅を渡します。lightning:flexipageRegionInfo といくつかの戦略的 CSS を使用すれば、実行時、範囲ごとに異なる表示で親コンポーネントに表示できます。
Lightning ページと Lightning アプリケーションビルダーのコンポーネントの設定に関するヒントおよび考慮事項
Lightning ページおよび Lightning アプリケーションビルダーのコンポーネントおよびコンポーネントバンドルを作成する場合、次のガイドラインを参考にしてください。