Comprehensive and Detailed Explanation From Exact Extract: To embed a Lightning component in a Visualforce page, you need to: * Include the Lightning framework using <apex:includeLightning/>. * Use $Lightning.use to load Lightning components and resources. * Use $Lightning.createComponent to render the component dynamically in the Visualforce page. Reference: Lightning Components for Visualforce Developer Guide
最新のコメント (最新のコメントはトップにあります。)
正解は **A**、**C**、**E** です。
これは「Lightning Out」という機能を使用して、Classic環境(Visualforce)でLightningコンポーネントを動かすための必須手順です。
### 正解の解説
VisualforceページでLightningコンポーネントを表示するには、以下の3ステップ(3つのコード)が必ず必要になります。
**C. `<apex:includeLightning/>`**
* **役割:** Lightning Out用のJavaScriptライブラリをページに読み込みます。
* **説明:** これを記述することで、ページ内で `$Lightning` というJavaScriptオブジェクトが使用可能になります。これが最初の一歩です。
**A. `$Lightning.use`**
* **役割:** Lightningコンポーネントの依存関係を定義した「Lightningアプリケーション(.app)」をロードします。
* **構文:** `$Lightning.use("c:MyDependencyApp", function() { ... });`
**E. `$Lightning.createComponent`**
* **役割:** 実際に表示したいコンポーネントを動的に作成し、ページの特定の場所(DIVタグなど)に描画します。
* **構文:** `$Lightning.createComponent("c:myComponent", {属性}, "divId", ...);`
-----
### 不正解の解説
**B. `$Lightning.useComponent`**
* これは **不正解** です。このようなメソッドは存在しません。アプリケーションをロードするのは `use`、コンポーネントを作るのは `createComponent` です。
**D. `<apex:slds/>`**
* これは **不正解** です。
* これは Salesforce Lightning Design System (SLDS) のスタイルシートを読み込むためのタグです。見た目をLightning風にするためには有用ですが、Lightningコンポーネントを「作成・動作させる」ための必須コードではありません(これがあってもコンポーネントは作られません)。
### 実際のコード例
Visualforceページにはこのように記述します。
```html
<apex:page>
<apex:includeLightning />
<div id="lightning" />
<script>
// 2. アプリケーションのロード
$Lightning.use("c:LoApp", function() {
// 3. コンポーネントの作成
$Lightning.createComponent("c:myComponent",
{ label : "Press Me!" },
"lightning",
function(cmp) {
// コールバック処理
}
...
正解は **A**、**C**、**E** です。
これは「Lightning Out」という機能を使用して、Classic環境(Visualforce)でLightningコンポーネントを動かすための必須手順です。
### 正解の解説
VisualforceページでLightningコンポーネントを表示するには、以下の3ステップ(3つのコード)が必ず必要になります。
**C. `<apex:includeLightning/>`**
* **役割:** Lightning Out用のJavaScriptライブラリをページに読み込みます。
* **説明:** これを記述することで、ページ内で `$Lightning` というJavaScriptオブジェクトが使用可能になります。これが最初の一歩です。
**A. `$Lightning.use`**
* **役割:** Lightningコンポーネントの依存関係を定義した「Lightningアプリケーション(.app)」をロードします。
* **構文:** `$Lightning.use("c:MyDependencyApp", function() { ... });`
**E. `$Lightning.createComponent`**
* **役割:** 実際に表示したいコンポーネントを動的に作成し、ページの特定の場所(DIVタグなど)に描画します。
* **構文:** `$Lightning.createComponent("c:myComponent", {属性}, "divId", ...);`
-----
### 不正解の解説
**B. `$Lightning.useComponent`**
* これは **不正解** です。このようなメソッドは存在しません。アプリケーションをロードするのは `use`、コンポーネントを作るのは `createComponent` です。
**D. `<apex:slds/>`**
* これは **不正解** です。
* これは Salesforce Lightning Design System (SLDS) のスタイルシートを読み込むためのタグです。見た目をLightning風にするためには有用ですが、Lightningコンポーネントを「作成・動作させる」ための必須コードではありません(これがあってもコンポーネントは作られません)。
### 実際のコード例
Visualforceページにはこのように記述します。
```html
<apex:page>
<apex:includeLightning />
<div id="lightning" />
<script>
// 2. アプリケーションのロード
$Lightning.use("c:LoApp", function() {
// 3. コンポーネントの作成
$Lightning.createComponent("c:myComponent",
{ label : "Press Me!" },
"lightning",
function(cmp) {
// コールバック処理
}
...