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