# AX - バーコード

## 概要

**AX - バーコード** Salesforce のフィールド値に基づいて、Experience Site ページ上でスキャン可能なコード（QRコード、標準バーコード、その他の形式を含む）を生成する Experience Cloud コンポーネントです。

製品番号、注文ID、追跡情報、イベントチケット、またはポータルユーザーがモバイルデバイスでスキャンする必要があるあらゆるデータのコードを表示するために使用します。Experience Builder でバーコードの種類、サイズ、スタイルを設定して、ポータルのブランディングに合わせられます。

注文バーコードを表示する顧客ポータル、チケットQRコード付きのイベント登録ページ、製品追跡用のパートナーポータル、またはユーザーがスキャン可能なアクセスコードを必要とするセルフサービスサイトに最適です。

***

## バーコードの設定

### バーコード値のカスタマイズ <a href="#customizing-the-barcode-value" id="customizing-the-barcode-value"></a>

バーコードの値は 2 通りの方法で設定できます。まず、希望するバーコード値を手動で入力できます。あるいは、既存のコレクションのいずれかから値を取得することもできます。コレクションの値を使用するには、'[Mapped](https://docs.avonniflowcomponents.com/getting-started/learn-the-basics#what-are-mapped-values)'入力オプションに切り替え、ソースとして適切なコレクションを選択します。

![](https://docs.avonniflowcomponents.com/~gitbook/image?url=https:%2F%2F27923732-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F1FUd4apB9YHgCEMUFbVb%252Fuploads%252FNtPc8kKJjE5Zjgb2vPDb%252F2022-11-29_10-58-14.png%3Falt=media%26token=1882446b-d6c9-432f-a648-61dbfd839c45\&width=768\&dpr=4\&quality=100\&sign=69e627c744a074a265f6977004fae447ff1c0cb987dbdaa6a062336d44834319)Mapped 入力フィールドに切り替えて、ソース コレクションを値として選択します。

### バーコードの種類の選択 <a href="#choosing-the-barcode-type" id="choosing-the-barcode-type"></a>

Barcode コンポーネントは 150 種類以上のバーコードをレンダリングします。必要なものを選択してください。

<details>

<summary>サポートされている主なバーコードの種類</summary>

* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *

</details>

## 仕様

{% tabs %}
{% tab title="🎛️ プロパティ" %}

| 名前           | 説明                                              | 使用方法                                                 |
| ------------ | ----------------------------------------------- | ---------------------------------------------------- |
| **タイプ**      | 生成するバーコードの種類を選択します。                             | ユースケースや業界標準に基づいて、適切なバーコードシンボル体系を選択してください。            |
| **値**        | バーコードにエンコードするデータ。                               | バーコード形式に変換する必要がある値を入力します。                            |
| **チェックサム**   | チェックサム桁の計算を有効または無効にするブールオプションです。                | オンにすると、バーコードにチェックサム桁が含まれ、データ整合性の追加レイヤーが提供されます。       |
| **幅**        | バーコードの幅を定義します。                                  | Webページのデザイン上の考慮事項や印刷媒体の物理的制約に応じて幅を調整します。             |
| **高さ**       | バーコードの高さを定義します。                                 | 割り当てられたスペースにきちんと収まり、簡単にスキャンできるように、高さをカスタマイズします。      |
| **値を非表示**    | エンコードされた値をバーコードの下に表示するか非表示にするかを切り替えるブールオプションです。 | オンにすると、バーコードで表される数値または英数字の値を非表示にし、よりすっきりした見た目を実現します。 |
| {% endtab %} |                                                 |                                                      |

{% tab title="🎨 外観" %}

| 名前            | 説明                          | 使用方法                                                   |
| ------------- | --------------------------- | ------------------------------------------------------ |
| **背景色**       | バーコードコンポーネントの背景色を設定します。     | バーコードの線や数字と十分なコントラストを確保し、読みやすさとスキャンしやすさを保てる色を選択してください。 |
| **色**         | バーコードの線とテキストの色を設定します。       | 背景に対して目立つ色を選択し、視認性を最適化します。                             |
| **テキストの配置**   | バーコードの下に表示されるテキストの配置を定義します。 | テキストの配置を調整して、Webページや印刷物全体のデザインとレイアウトに調和させます。           |
| **テキスト色**     | バーコードの下に表示されるテキストの色を設定します。  | 背景色に対して読みやすい色を選び、エンコードされた値が視覚的に認識しやすくなるようにします。         |
| {% endtab %}  |                             |                                                        |
| {% endtabs %} |                             |                                                        |