> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-feed.md).

# AX - フィード

## 概要

**AX - フィード** Salesforce Chatter のフィード項目（投稿、コメント、更新）を Experience Sites ページ上のアクティビティストリームに表示する Experience Cloud コンポーネントです。

コミュニティの議論、レコードの更新、グループ投稿、またはコラボレーションのアクティビティをポータルユーザーに表示するために使用します。フィードには Salesforce 組織のライブ Chatter コンテンツが表示され、ポータルユーザーは関連する会話や更新に常に接続できます。

コミュニティ参加エリア、顧客との共同作業スペース、パートナー向けのディスカッションフィード、またはポータルユーザーが Chatter の会話を閲覧し参加する必要があるあらゆる場所に最適です。

{% hint style="info" %}
以下を確認してください [Chatter が有効になっている](https://help.salesforce.com/s/articleView?id=sf.enable_chatter_settings.htm\&type=5) Experience Cloud Sites で、必要な権限が正しく設定されていること。
{% endhint %}

<details>

<summary>🔀 Salesforce 標準フィードと Avonni フィードコンポーネントの違い</summary>

#### サイトタイプ全体での利用可能性

* **Salesforce 標準フィード:** Aura サイトでのみ利用可能です。
* **Avonni フィード:** Aura および LWR（Lightning Web Runtime）サイトで利用できます。🌐✨

#### カスタマイズ機能

* **Salesforce 標準フィード:** 基本的なカスタマイズオプションを提供します。
* **Avonni フィード:** 表示する項目の選択や項目権限の設定を含め、非常に柔軟にカスタマイズできます。

<img src="/files/c2fc6eba938e520e2524d802c94d417d2a590565" alt="" data-size="original">

#### コンテンツ表示の制御

* **Avonni フィード専用:** 1ページあたりの項目数を設定でき、コンテンツの表示方法をより細かく制御できます。

#### スタイルと外観

* **Salesforce 標準フィード:** スタイル設定オプションは限定的です。
* **Avonni フィード:** スタイルと外観を完全にカスタマイズでき、目的に合わせた見た目と操作感を実現できます。

<img src="/files/4e6a53dbf4d460fa401b6ccad8b9a98680b72610" alt="" data-size="original">

#### 拡張されたインタラクション機能

* **Avonni フィード専用:** 項目に「ベストアンサー」を選択できる機能により、コミュニティでの交流が強化されます。💬🏆

#### まとめ

機能的ではあるものの、Salesforce 標準フィードコンポーネントはカスタマイズ性とスタイル設定に制限があり、Aura サイトとのみ互換性があります。

一方、Avonni フィードコンポーネントはより幅広いカスタマイズオプションと優れたスタイル柔軟性を備えています。Aura サイトと LWR サイトの両方に対応しているため、多様な Experience Cloud サイト要件に対してより汎用的な選択肢となります。

</details>

<figure><img src="/files/451a5fa3b858ef84c01ad6047335975c5c1613c5" alt=""><figcaption></figcaption></figure>

## 設定

### フィードの種類

Avonni フィードコンポーネントの重要な機能の一つは、「**`type`**」属性により、管理者はコンテンツストリームをさまざまな文脈やニーズに合わせて調整できます。

以下に各 type とその活用方法の概要を示します。

| Avonni フィードの種類  | 説明                                                                                                                                                                                                                                                   | ユースケース                                               |
| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- |
| **マイフィード**      | 現在のユーザーに関連するアクティビティや更新をパーソナライズして表示します。                                                                                                                                                                                                               | ユーザーのネットワークからの更新を表示する、パーソナライズされたダッシュボードやホームページに最適です。 |
| **グループまたはレコード** | <p>Salesforce 内の特定のグループまたはレコードに関連する更新を表示します。<br><br><strong>設定</strong>: 一意の Salesforce ID を次の項目に入力します <strong>レコード ID</strong> 属性フィールド。このフィールドでは標準の <strong>レコード ID</strong>、および <strong>Chatter グループ ID</strong>、または動的な <strong>LWR 式</strong></p> | 特定のグループまたはレコードの更新が必要なプロジェクトページやチームスペースに適しています。       |
| **トピック**        | 特定のトピックに関連する投稿ややり取りを表示するようフィードを絞り込みます。                                                                                                                                                                                                               | 特定の主題に焦点を当てたテーマ別ページやセクションに便利です。                      |
| **ユーザープロフィール**  | 特定のユーザーのアクティビティややり取りに焦点を当ててフィードを表示します。                                                                                                                                                                                                               | 個人の投稿ややり取りを紹介するユーザープロフィールページに適しています。                 |
| **お気に入り**       | ユーザーがお気に入りとしてマークした投稿やトピックのフィードを表示します。                                                                                                                                                                                                                | ユーザーがお気に入りのコンテンツに素早くアクセスできるセクションに最適です。               |

### 表示項目の設定

Avonni フィードコンポーネントの重要な要素の一つは、「**`表示項目`**」属性により、各フィード項目内に表示する要素をカスタマイズできます。このカスタマイズは、コミュニティの参加やインタラクションのニーズに合わせてフィードを調整するうえで重要です。

<table><thead><tr><th width="218">表示項目</th><th>選択</th></tr></thead><tbody><tr><td><strong>いいね</strong></td><td>各フィード項目に「いいね」オプションを表示します</td></tr><tr><td><strong>お気に入り</strong></td><td>ユーザーが項目をお気に入りとしてマークできるよう、「お気に入り」マーカーを表示します</td></tr><tr><td><strong>コメント</strong></td><td>各フィード項目に関連するコメントを表示します</td></tr><tr><td><strong>コメントボタン</strong></td><td>ユーザーがフィード項目に新しいコメントを追加できるボタンを含みます</td></tr><tr><td><strong>コメントのいいね</strong></td><td>フィード内の個々のコメントに「いいね」できるようにします</td></tr></tbody></table>

<figure><img src="/files/2720884d671dc5004f2898529d8158f03485a4d0" alt=""><figcaption></figcaption></figure>

**更新を表示** 更新ボタンを追加してユーザーが必要に応じてフィードを再読み込みできるようにし、 **最近のコメント数** 「さらに表示」コントロールの前に各項目の下に表示するコメント数を設定します。

### 項目権限の設定

「**`項目権限`**」属性にはさまざまなオプションがあり、管理者はフィード項目を操作するユーザーに対する機能や制限を正確に定義できます。

これらの権限を設定するための選択肢は次のとおりです:

<table><thead><tr><th width="214">権限の種類</th><th>機能</th></tr></thead><tbody><tr><td><strong>編集</strong></td><td>自分のフィード項目を編集できます。</td></tr><tr><td><strong>削除</strong></td><td>自分のフィード項目を削除できます。</td></tr><tr><td><strong>ベストアンサーの編集</strong></td><td>Q&#x26;A で「ベストアンサー」をマーク／編集します。</td></tr><tr><td><strong>お気に入り</strong></td><td>ユーザーは項目をお気に入りとしてマークできます。</td></tr><tr><td><strong>いいね</strong></td><td>フィード項目に「いいね」できます。</td></tr><tr><td><strong>コメント</strong></td><td>フィード項目にコメントできます。</td></tr><tr><td><strong>コメントの編集</strong></td><td>自分のコメントを編集できます。</td></tr><tr><td><strong>コメントの削除</strong></td><td>自分のコメントを削除できます。</td></tr><tr><td><strong>コメントのいいね</strong></td><td>個々のコメントに「いいね」できます。</td></tr></tbody></table>

### 日付オプション

Avonni フィードコンポーネントの Date Options 設定では、各フィード項目とともに日付をどのように表示するかを設定できます。この機能により、フィード項目の読みやすさと文脈が向上します。この設定には standard、relative、preset、custom の4つの値があります。

#### 利用可能な日付表示値

1. **標準:**
   * DD/MM/YYYY や MM/DD/YYYY などの従来形式で日付を表示します。
2. **相対:**
   * 「3時間前」や「昨日」のような相対表記で日付を表示し、より直感的な時間参照を提供します。
3. **プリセット:**
   * システムまたはコンポーネントで設定された定義済みの日付形式を使用し、設定プロセスを簡素化します。
4. **カスタム:**
   * 特定の表示要件やスタイルの好みに合わせて、カスタムの日付形式を定義できます。

Avonni フィードコンポーネントの Date Options をカスタマイズすることで、サイトのデザイン基準やユーザーの好みに合わせて日付表示を調整でき、Salesforce Experience Cloud サイトで一貫性のある使いやすい体験を実現できます。

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

### フィルターオプション

Avonni フィードコンポーネントの Filter Options は、Salesforce Experience Cloud サイトのフィードに表示されるコンテンツを管理し、整理するための強力な方法を提供します。この機能により、特定の条件に基づいてより焦点を絞った関連性の高いコンテンツ表示が可能になり、ユーザー体験が向上します。

#### フィルター設定の構成

1. **フィルター条件:**
   * **説明:** フィードのデフォルトのフィルター値を設定します。
   * **用途:** あらかじめ選択された条件に従ってフィードを自動的に表示し、ユーザーが最初に最も関連性の高い種類のコンテンツを見るようにします。
2. **フィルターを表示:**
   * **説明:** Avonni フィードにフィルターメニューを表示できるようにします。
   * **用途:** ユーザーがコンテンツフィルターをインタラクティブに選択・変更できるようにし、コンテンツの発見性とユーザーのエンゲージメントを高めます。
3. **フィルター:**
   * **説明:** フィード内でフィルタリング可能なコンテンツの種類を指定します。
   * **次のオプションを含みます:**
     * 質問
     * ベストアンサーありの質問
     * ベストアンサーなしの質問
     * 未回答の質問
   * **用途:** この設定により、ユーザーはフィードを特定の質問に絞り込めるため、ニーズや関心に最も関連するコンテンツを見つけて関与しやすくなります。

Avonni フィードコンポーネントの Filter Options を活用することで、Experience Cloud サイトのユーザーに対するコンテンツのナビゲーション体験を大幅に改善できます。これらの設定により、フィードは整理され、関連性が高く、ユーザー中心に保たれ、コミュニティメンバーの多様なコンテンツ発見ニーズに対応します。

<figure><img src="/files/61043603d9f38fdc88ec5f99ae9aaa55ba374b2c" alt=""><figcaption></figcaption></figure>

### 検索エンジン

Avonni フィードコンポーネントの Search Options は、検索機能を統合することで Experience Cloud サイトのフィードの機能を強化します。この追加により、ユーザーはフィード内で特定のコンテンツをすばやく見つけられるようになり、全体的なユーザー体験と効率が向上します。

#### 主な検索設定

1. **検索を表示:**
   * **機能:** Avonni フィード内に検索ボックスを表示できるようにします。
   * **影響:** ユーザーが特定の投稿、コメント、トピックをすばやく検索できるようにし、コンテンツ発見のプロセスを効率化します。
2. **プレースホルダー:**
   * **機能:** 検索ボックスにプレースホルダーテキストを追加します。
   * **目的:** 検索対象の例や指示をユーザーに示し、使いやすさを向上させます。
3. **配置:**
   * **機能:** Avonni フィード内での検索エンジンの位置を設定します。
   * **オプション:** 左、右、中央、全幅など、さまざまな位置から選択して、フィードのレイアウトとデザインに最適な配置にできます。
   * **影響:** 検索ボックスが便利でアクセスしやすい場所に配置され、ページ全体のデザインとユーザーの操作フローに沿うようにします。

<figure><img src="/files/73e4d0d1c8ffd6525fa479982ea809acf504ac5f" alt=""><figcaption></figcaption></figure>

### ソートオプション

Avonni フィードコンポーネントの Sort Options は、Salesforce Experience Cloud サイトのフィードのコンテンツ整理を強化するために設計されています。この機能により、事前定義された条件に基づいてフィード項目を並べ替えて表示でき、コンテンツへのアクセス性とユーザー体験が向上します。

#### ソート設定の構成

1. **ソート条件:**
   * **機能:** フィード項目のデフォルトの並び順を設定できます。
   * **影響:** 選択した条件（例: 最新、最もいいねが多い、など）に従ってフィードコンテンツを自動的に整理し、ユーザーが最も関連性の高いコンテンツを最初に見られるようにします。
2. **ソートを表示:**
   * **機能:** Avonni フィードにソートメニューのドロップダウンを表示できるようにします。
   * **目的:** ユーザーが好みに応じてフィードコンテンツの並び順を変更できる柔軟性を提供します。
   * **影響:** コンテンツの閲覧体験をユーザーがカスタマイズできるようにすることでインタラクションを向上させ、関連する投稿を見つけたり移動したりしやすくします。

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

## スタイリング

Salesforce Experience Cloud 向けの Avonni フィードコンポーネントは、サイトの美観やブランドに合わせてフィードの外観をカスタマイズできる豊富なスタイリング機能を提供します。Avonni フィード内の各要素は、視覚的に一貫性があり魅力的なユーザー体験を作るよう調整できます。

{% tabs %}
{% tab title="サイズ" %}
幅と高さを含む全体サイズを調整します。
{% endtab %}

{% tab title="項目" %}
メインのフィード項目のスタイルを設定します（背景色、フォント、余白）。
{% endtab %}

{% tab title="項目の境界線" %}
項目の境界線を設定します（色、太さ、スタイル）。
{% endtab %}

{% tab title="項目の日付" %}
日付のスタイルを設定します（フォントサイズ、色、形式）。
{% endtab %}

{% tab title="項目タイトル" %}
タイトルの見た目をカスタマイズします（フォントサイズ、太さ、色）。
{% endtab %}

{% tab title="項目のユーザー名" %}
ユーザー名の表示をスタイル設定します（フォントのカスタマイズ、色）。
{% endtab %}

{% tab title="項目コンテンツ" %}
メインコンテンツのスタイルを調整します（文字色、フォント、行間）。
{% endtab %}

{% tab title="コメントセクションの区切り線" %}
コメントセクション内の区切り線のスタイルを設定します。
{% endtab %}

{% tab title="コメントのユーザー名" %}
コメント内のユーザー名の見た目をカスタマイズします。
{% endtab %}

{% tab title="コメント内容" %}
コメントテキストのスタイルを設定します（フォント、色、サイズ）。
{% endtab %}

{% tab title="フッター" %}
フィードのフッターをカスタマイズします（ページネーションなどを含む場合があります）。
{% endtab %}
{% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-feed.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.