Lightning コンポーネント開発者ガイド
jコミュニティのコンポーネントの設定
カスタム Lightning コンポーネントを、コミュニティビルダー の [Lightning コンポーネント] ペインでドラッグアンドドロップできるようにします。
新規インターフェースをコンポーネントに追加する
コミュニティビルダーに表示するには、コンポーネントに forceCommunity:availableForAllPageTypes インターフェースを実装する必要があります。
シンプルな「Hello World」コンポーネントのサンプルコードを次に示します。
1<aura:component implements="forceCommunity:availableForAllPageTypes" access="global">
2 <aura:attribute name="greeting" type="String" default="Hello" access="global" />
3 <aura:attribute name="subject" type="String" default="World" access="global" />
4
5 <div style="box">
6 <span class="greeting">{!v.greeting}</span>, {!v.subject}!
7 </div>
8</aura:component>次に、デザインリソースをコンポーネントバンドルに追加します。デザインリソースには、Lightning コンポーネントの設計時の動作 (ページまたはアプリケーションへのコンポーネントの追加を可能にするためにビジュアルツールが必要とする情報) が記述されます。システム管理者がコミュニティビルダーで編集できる属性が含まれています。
このリソースの追加は、Lightning アプリケーションビルダーでのリソースの追加と似ています。詳細は、「Lightning ページと Lightning アプリケーションビルダーのコンポーネントの設定」を参照してください。