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

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

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

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

1<aura:component>
2    Hello, world!
3</aura:component>

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

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

1<aura:component>
2    <div class="container">
3        <!--Other HTML tags or components here-->
4    </div>
5</aura:component>

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

メモ

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

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

属性	型	説明
`access`	String	コンポーネントが独自の名前空間の外側で使用できるかどうかを示します。使用できる値は、`public` (デフォルト) と `global` です。
`controller`	String	コンポーネントのサーバ側のコントローラクラス。形式は `namespace.myController` となります。
`description`	String	コンポーネントの説明。
`implements`	String	コンポーネントで実装するインターフェースのカンマ区切りのリスト。
`isTemplate`	Boolean	コンポーネントがテンプレートの場合、`true` に設定されます。
`template`	Component	このコンポーネントのテンプレート。テンプレートの `<aura:component>` タグで `isTemplate="true"` と設定されている必要があります。

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