この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

コンポーネントのマークアップ

コンポーネントリソースにはマークアップが含まれ、.cmp サフィックスが付いています。マークアップには、テキストまたは他のコンポーネントへの参照を含めることができます。また、マークアップはコンポーネントに関するメタデータの宣言も行います。

まず、helloWorld.cmp コンポーネントのシンプルな「Hello, world!」の例から始めましょう。

1swfobject.registerObject("clippy.codeblock-0", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<aura:component>
18    Hello, world!
19</aura:component>
20

この例では、コンポーネントを可能な限りシンプルにしています。テキスト「Hello, world!」は、<aura:component> タグでラップされています。このタグは、すべてのコンポーネント定義の最初と最後にあります。

コンポーネントには、ほとんどの HTML タグを含めることができるため、<div> や <span> などのマークアップを使用できます。HTML5 タグもサポートされています。

1swfobject.registerObject("clippy.codeblock-1", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<aura:component>
18    <div class="container">
19        <!--Other HTML tags or components here-->
20    </div>
21</aura:component>

マークアップは JavaScript、CSS、および Apex と連動するため、大文字と小文字を区別する必要があります。

メモ

コンポーネントを作成するには、開発者コンソールを使用します。

aura:component には次の省略可能な属性があります。

属性	型	説明
`access`	String	コンポーネントが独自の名前空間の外側で使用できるかどうかを示します。使用できる値は、`public` (デフォルト) と `global` です。
`controller`	String	コンポーネントのサーバ側のコントローラクラス。形式は `namespace.myController` となります。
`description`	String	コンポーネントの説明。
`implements`	String	コンポーネントで実装するインターフェースのカンマ区切りのリスト。

Lightning コンポーネント開発者ガイド

コンポーネントのマークアップ

関連項目: