Lightning Aura Components Developer Guide (Lightning Aura コンポーネント開発者ガイド)
Winter '25 (API version 62.0)
Spring '24 (API version 60.0)
Winter '22 (API version 53.0)
Summer '21 (API version 52.0)
Summer '19 (API version 46.0)
Spring '19 (API version 45.0)
Winter '19 (API version 44.0)
Summer '18 (API version 43.0)
Spring '18 (API version 42.0)
Winter '18 (API version 41.0)
Summer '17 (API version 40.0)
Spring '17 (API version 39.0)
Winter '17 (API version 38.0)
Summer '16 (API version 37.0)
Spring '16 (API version 36.0)
Winter '16 (API version 35.0)
Summer '15 (API version 34.0)
Spring '15 (API version 33.0)
Winter '15 (API version 32.0)
コンポーネント名
コンポーネントのマークアップ
コンポーネントのバンドル
コンポーネントの ID
コンポーネント内の CSS
コンポーネントのコンポジション
コンポーネントのボディ
コンポーネントのファセット
条件付きマークアップのベストプラクティス
Aura コンポーネントのバージョン設定
最小 API バージョン要件のあるコンポーネント
ローカライズ
コンポーネントのドキュメントの提供
コンポーネントの作成
コンポーネントは、Lightning コンポーネントフレームワークの機能単位です。
コンポーネントは、モジュール形式で再利用可能な UI のセクションをカプセル化します。テキスト 1 行からアプリケーション全体までさまざまな粒度に対応できます。
-
コンポーネント名
コンポーネント名は、Lightning コンポーネントの命名規則に従う必要があります。 -
開発者コンソールでの Aura コンポーネントの作成
開発者コンソールは、Aura コンポーネントやその他のバンドルを新規作成したり既存のものを編集したりできる便利な組み込みツールです。 -
コンポーネントのマークアップ
コンポーネントリソースにはマークアップが含まれ、.cmp サフィックスが付いています。マークアップには、テキストまたは他のコンポーネントへの参照を含めることができます。また、マークアップはコンポーネントに関するメタデータの宣言も行います。 -
コンポーネントのバンドル
コンポーネントのバンドルには、コンポーネントまたはアプリケーションとそれに関連するすべてのリソースが含まれます。 -
コンポーネントの ID
コンポーネントには、ローカル ID とグローバル ID という 2 種類の ID があります。JavaScript コードにローカル ID を使用して、コンポーネントを取得できます。グローバル ID は、コンポーネントの複数のインスタンスを区別する場合や、デバッグする場合に便利です。 -
コンポーネント内の HTML
HTML タグは、フレームワークで第一級のコンポーネントとして処理されます。各 HTML タグは、<aura:html> コンポーネントに変換され、他のコンポーネントと同様の権限を使用できます。 -
コンポーネント内の CSS
CSS を使用してコンポーネントのスタイルを設定します。 -
コンポーネントの属性
コンポーネントの属性は、Apex のクラスのメンバー変数に似ています。これらは型付けされた項目で、コンポーネントの特定のインスタンスに設定されており、式の構文を使用したコンポーネントのマークアップ内から参照できます。属性を使用すると、コンポーネントをより動的に扱うことができます。 -
式の使用
式を使用すると、コンポーネントのマークアップ内で計算することや、プロパティ値やその他のデータにアクセスすることができます。式は、動的出力や、値を属性に割り当ててコンポーネントに渡す場合に使用します。 -
コンポーネントのコンポジション
コンポーネントを、細分化された複数のコンポーネントで構成することで、さまざまなコンポーネントとアプリケーションを作成できます。 -
コンポーネントのボディ
すべてのコンポーネントのルートレベルタグは <aura:component> です。すべてのコンポーネントは <aura:component> から body 属性を継承します。 -
コンポーネントのファセット
ファセットは、Aura.Component[] 型の属性です。body 属性は、ファセットの一例です。 -
アクセスの制御
このフレームワークでは、access システム属性を介して、アプリケーション、属性、コンポーネント、イベント、インターフェース、メソッドへのアクセスを制御できます。access システム属性は、リソースをその名前空間外で使用できるかどうかを示します。 -
条件付きマークアップのベストプラクティス
マークアップを条件に応じて表示する方法として、<aura:if> タグの使用をお勧めしますが、代替方法もあります。コンポーネントを設計するときは、パフォーマンスコストおよびコードの保守性を考慮します。設計上の最適な選択は、使用事例によって異なります。 -
Aura コンポーネントのバージョン設定
Aura コンポーネントにバージョンを設定すると、インストール済みの管理パッケージの特定のリビジョンに対して連動関係を宣言できます。 -
最小 API バージョン要件のあるコンポーネント
一部の組み込みコンポーネントでは、それらを使用するカスタムコンポーネントが最小 API バージョンに設定されていることが必要です。カスタムコンポーネントは、使用するコンポーネントで求められる最新の API バージョン以降であることが必要です。 -
Aura コンポーネントコードの検証
Aura コンポーネントコードを検証して、Aura コンポーネント API との互換性、ベストプラクティス、アンチパターン回避を確認します。コードの検証には、複数の方法があります。保存時の最小限の検証では重大な問題しか検出されませんが、Salesforce DX のツールでは、より包括的な静的コード分析が行われます。 -
表示ラベルの使用
表示ラベルは、ヘッダー (1)、入力項目 (2)、ボタン (3) など、ユーザインターフェースに関する情報を表すテキストです。コンポーネントのマークアップでテキスト値を指定して表示ラベルを指定できますが、式の構文で $Label グローバル値プロバイダを使用して、コードの外部に保存された表示ラベルにアクセスすることもできます。 -
ローカライズ
このフレームワークでは、入力および出力コンポーネントでクライアント側ローカライズのサポートを提供します。 -
コンポーネントのドキュメントの提供
コンポーネントのドキュメントは、開発者がコンポーネントを効果的に使用するのに役立ちます。コンポーネント、イベント、またはインターフェースのインタラクティブな例、ドキュメント、および仕様の説明を提供できます。 -
アクセシビリティのサポート