# ようこそ

Avonniでは、すべてのSalesforceユーザーが使いやすい強力なツールを受け取るに値すると考えており―私たちの使命は、よく考えられた事前構築されたUIコンポーネントを通じてそれを提供することです。

<a href="https://appexchange.salesforce.com/appxListingDetail?listingId=2e584bb3-b5e0-415d-9347-d6567158d840&#x26;channel=recommended&#x26;other_source=AppExchange+Recommended" class="button primary" data-icon="up-right-from-square">コンポーネントをインストール</a> <a href="hajimeni/kuikkusuttogaido" class="button secondary" data-icon="stars">クイックスタート</a>

## Experience Sites向けAvonniコンポーネントを発見する

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>コンポーネントを探る</strong></td><td>Experience Siteで利用可能なすべてのAvonniコンポーネントを発見する</td><td></td><td><a href="experience-components/subetenokonpnentowo">subetenokonpnentowo</a></td><td><a href="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FxkrI8UTEQFCNzbif54US%2Fnew%20Deisnger%20(5).png?alt=media&#x26;token=8b380954-b3de-43f7-b660-2a8608672908">new Deisnger (5).png</a></td></tr><tr><td><strong>チュートリアル</strong></td><td>ActionsでAvonniコンポーネントを使用する方法を学ぶ。</td><td></td><td><a href="chtoriaru/konpnento">konpnento</a></td><td><a href="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FVeWgXTdBffgsuuYQvQGq%2Fnew%20Deisnger%20(6).png?alt=media&#x26;token=42c015c6-1066-4e6c-87a3-68c5f20674a9">new Deisnger (6).png</a></td></tr><tr><td><strong>ユースケース</strong></td><td>コンポーネントを組み合わせて複雑なユースケースを作成する方法を学ぶ。</td><td></td><td><a href="https://app.gitbook.com/s/dHOej9Pd5IxJNGEJMZKW/#experience-cloud-components">experience-cloud-components</a></td><td><a href="https://9391847-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FF41C3qtzkKCspZGfzHpR%2Fnew%20Deisnger%20(7).png?alt=media&#x26;token=0598ad3e-6d5f-4788-b5a1-23ec25c2b6f2">new Deisnger (7).png</a></td></tr></tbody></table>

{% hint style="info" %}
Experience Site向けAvonniコンポーネント **はAuraおよびLWRサイトと互換性があります**。ただし、Auraサイトでは、 [スロット](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/hajimeni/wobu#understanding-slots) は利用できません。
{% endhint %}

以下は、カテゴリ別に分けた当社のコンポーネントを理解するためのガイドです：

* **コンテンツコンポーネント（緑のアイコン）**：これらのコンポーネントはインターフェースのコンテンツ部分に焦点を当てており、メッセージが明確かつ効果的に伝わるようにします。
* **レイアウトコンポーネント（青のアイコン）**：これらのコンポーネントはインターフェースの構造を決定し、機能性と美観が調和するためのフレームワークを提供します。
* **データコンポーネント（紫のアイコン）**：これらのコンポーネントはデータの表示とやり取りに注力しており、データを効率的かつ直感的に表示・管理できるようにします。
* **その他のコンポーネント（赤のアイコン）**：このカテゴリは、専門的または雑多な目的に対応するコンポーネントを含み、主要カテゴリに当てはまらない特定のニーズに対応します。