Lightning コンポーネント開発者ガイド
jコンポーネントのバンドル
コンポーネントのバンドルには、コンポーネントまたはアプリケーションとそれに関連するすべてのリソースが含まれます。
| リソース | リソース名 | 使用方法 | 関連トピック |
|---|---|---|---|
| コンポーネントまたはアプリケーション | sample.cmp または sample.app | バンドル内の唯一の必須リソース。コンポーネントまたはアプリケーションのマークアップが含まれます。各バンドルに含まれるコンポーネントまたはアプリケーションリソースは 1 つのみです。 | コンポーネント |
| CSS スタイル | sample.css | コンポーネントのスタイル。 | コンポーネント内の CSS |
| コントローラ | sampleController.js | コンポーネント内のイベントを処理するためのクライアント側コントローラメソッド。 | クライアント側コントローラを使用したイベントの処理 |
| 設計 | sample.design | Lightning App Builder または Lightning ページで使用されるコンポーネントでは必須。 | Lightning ページと Lightning App Builder のコンポーネントの設定 |
| ドキュメント | sample.auradoc | 説明、サンプルコード、およびコンポーネント例への 1 つ以上の参照 | コンポーネントのドキュメントの提供 |
| レンダラ | sampleRenderer.js | コンポーネントのデフォルトの表示を上書きするクライアント側レンダラ。 | DOM へのクライアント側表示 |
| ヘルパー | sampleHelper.js | コンポーネントのバンドル内の JavaScript コードからコール可能な JavaScript 関数 | コンポーネントのバンドル内の JavaScript コードの共有 |
| SVG ファイル | sample.svg | Lightning App Builder で使用されるコンポーネントのカスタムアイコンのリソース。 | Lightning ページと Lightning App Builder のコンポーネントの設定 |
コンポーネントのバンドル内のすべてのリソースは命名規則に従い、自動的に結び付けられます。たとえば、コントローラ <componentName>Controller.js は、そのコンポーネントに自動的に結び付けられます。つまり、コンポーネントの範囲内で使用できます。