Lightning コンポーネント開発者ガイド
jWinter '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
コンポーネント内の HTML
コンポーネント内の CSS
コンポーネントの属性
コンポーネントのコンポジション
コンポーネントのボディ
コンポーネントのファセット
条件付きマークアップのベストプラクティス
コンポーネントのバージョン設定
最小 API バージョン要件のあるコンポーネント
ローカライズ
コンポーネントのドキュメントの提供
コンポーネントの作成
コンポーネントは、Lightning コンポーネントフレームワークの機能単位です。
コンポーネントは、モジュール形式で再利用可能な UI のセクションをカプセル化します。テキスト 1 行からアプリケーション全体までさまざまな粒度に対応できます。
-
開発者コンソールで Lightning コンポーネントを作成する
開発者コンソールは、Lightning コンポーネントやその他のバンドルを新規作成したり既存のものを編集したりできる便利な組み込みツールです。 -
コンポーネントのマークアップ
コンポーネントリソースにはマークアップが含まれ、.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 属性は、ファセットの一例です。 -
条件付きマークアップのベストプラクティス
マークアップを条件に応じて表示する方法として、<aura:if> タグの使用をお勧めしますが、代替方法もあります。コンポーネントを設計するときは、パフォーマンスコストおよびコードの保守性を考慮します。設計上の最適な選択は、使用事例によって異なります。 -
コンポーネントのバージョン設定
コンポーネントにバージョン設定すると、インストール済みの管理パッケージの特定のリビジョンに対して連動関係を宣言できます。 -
最小 API バージョン要件のあるコンポーネント
一部の組み込みコンポーネントでは、それらを使用するカスタムコンポーネントが最小 API バージョンに設定されていることが必要です。カスタムコンポーネントは、使用するコンポーネントで求められる最新の API バージョン以降であることが必要です。 -
式の使用
式を使用すると、コンポーネントのマークアップ内で計算することや、プロパティ値やその他のデータにアクセスすることができます。式は、動的出力や、値を属性に割り当ててコンポーネントに渡す場合に使用します。 -
表示ラベルの使用
表示ラベルは、ヘッダー (1)、入力項目 (2)、ボタン (3) など、ユーザインターフェースに関する情報を表すテキストです。コンポーネントのマークアップでテキスト値を指定して表示ラベルを指定できますが、式の構文で $Label グローバル値プロバイダを使用して、コードの外部に保存された表示ラベルにアクセスすることもできます。 -
ローカライズ
このフレームワークでは、入力および出力コンポーネントでクライアント側ローカライズのサポートを提供します。 -
コンポーネントのドキュメントの提供
コンポーネントのドキュメントは、作成したコンポーネントを他のユーザが理解し、使用するのに役立ちます。 -
フロー Lightning コンポーネントの操作
Lightning コンポーネントにフローを埋め込んだら、JavaScript と Apex コードを使用して、実行時のフローを設定します。たとえば、値をフローに渡したり、フローの完了時の動作を制御したりします。lightning:flow では、自動起動フロー種別のフローのみがサポートされています。 -
アクセシビリティのサポート