# クイックスタートガイド

{% hint style="warning" %}

#### 重要

Experience Cloud の Web サイトで Avonni コンポーネントを使用する前に、次の「**Lightning Web Security**」オプションを有効にしていることを確認してください。このトグルは設定パネルの「**セキュリティとプライバシー**」セクションにあります。この設定が有効になっていないと、Avonni コンポーネントが正しく動作しない場合があります。

<img src="/files/3da0eaf10e6b7e09219a0a81371f2656d9b7f278" alt="" data-size="original">
{% endhint %}

## Avonni コンポーネントへのアクセス

をインストールした後、 [**Avonni Experience Components パッケージ**](https://appexchange.salesforce.com/appxListingDetail?listingId=2e584bb3-b5e0-415d-9347-d6567158d840\&channel=recommended\&cta=gin\&other_source=AppExchange+Recommended)、Experience Cloud サイトのエディタでこれらのコンポーネントを見つけて使用できます：

### **コンポーネントを見つける**

1. Experience Builder で Experience サイトを開く
2. をクリックします： **コンポーネント** パネル（通常は左サイドバー）
3. にスクロールします： **カスタムコンポーネント** セクション
4. 「AX -」で始まるコンポーネントを探してください（例：AX - Data Table、AX - Calendar、AX - Kanban）

### **コンポーネントをページに追加する**

カスタムコンポーネント一覧で AX コンポーネントを見つけたら、それらをページキャンバスにドラッグ＆ドロップするだけです。その後、右側のプロパティパネルでコンポーネントの設定を構成します。

Experience Sites 用のすべての AX コンポーネントには「AX -」というプレフィックスが付いており、標準の Salesforce コンポーネントと識別・区別しやすくなっています。

<figure><img src="/files/c22402b8ead1bfec71f2ebbdf4066cada8e08985" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}

#### 注

以前に Screen Flow 用の Avonni コンポーネントパッケージをインストールしている場合、Experience Sites コンポーネントは別の命名形式を使用することに注意してください：

* **Experience Sites コンポーネント：** AX - コンポーネント名（例：AX - Kanban、AX - Data Table）
* **Screen Flow コンポーネント：** Avonni - コンポーネント名（例：Avonni Kanban、Avonni Data Table）

両者は組織内で共存できます。
{% endhint %}

この手順により、インストール後に Avonni コンポーネントが Experience Site の編集環境内ですぐに利用でき、識別しやすくなり、デジタルプロジェクトへのシームレスな統合と使用が可能になります。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/hajimeni/kuikkusuttogaido.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
