> 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-bar-code.md).
# AX - バーコード
## 概要
**AX - バーコード** Salesforceのフィールド値に基づいて、Experience Sitesページ上でスキャン可能なコード（QRコード、標準バーコード、その他の形式を含む）を生成するExperience Cloudコンポーネントです。
製品番号、注文ID、追跡情報、イベントチケット、またはポータルユーザーがモバイルデバイスでスキャンする必要があるあらゆるデータのコードを表示するために使用します。Experience Builderでバーコードの種類、サイズ、スタイルを設定し、ポータルのブランドに合わせます。
注文バーコードを表示する顧客ポータル、チケットのQRコード付きイベント登録ページ、製品追跡を行うパートナーポータル、またはユーザーがスキャン可能なアクセスコードを必要とするセルフサービスポータルに最適です。
## 設定
### バーコード値のカスタマイズ
バーコードの値は2つの方法で設定できます。まず、バーコードに使用したい値を手動で入力できます。あるいは、既存のコレクションのいずれかから値を取得することもできます。コレクションの値を使用するには、『[マップ済み](https://docs.avonniflowcomponents.com/getting-started/learn-the-basics#what-are-mapped-values)』入力オプションに切り替え、適切なコレクションをソースとして選択します。
入力フィールドをマップ済みに切り替えて、値のソースとなるコレクションを選択します。
### バーコードの種類を選択
Barcodeコンポーネントは150種類以上の異なるバーコードをレンダリングできます。必要なものを選択してください。
対応しているバーコードの主な種類
* **2Dコード:** QRコード、Data Matrix、PDF417、Aztec Code、MaxiCode、DotCode
* **小売 / 製品（1D）:** EAN-13、EAN-8、UPC-A、UPC-E、GS1-128
* **物流 / 配送:** ITF-14、Code 128、Interleaved 2 of 5、GS1 DataBar
* **汎用（1D）:** Code 39、Code 93、Codabar、MSI、Plessey、Telepen
* **郵便:** USPS Intelligent Mail（OneCode）、POSTNET、PLANET、Royal Mail、Australia Post、Japan Post
* **医薬品:** Pharmacode、PZN、HIBC
対応している150以上のシンボロジーの全セットは、コンポーネントの **タイプ** プロパティで利用できます。
### プロパティ
**タイプ** 生成するバーコードのシンボロジーを選択します — ユースケースや業界標準に応じて適切な種類を選択してください。
**値** バーコードにエンコードするデータです。
**チェックサム** チェックサム桁の計算を有効または無効にし、バーコードの種類が対応している場合にデータの整合性を高めます。
**幅** と **高さ** バーコードの寸法を定義し、割り当てられたスペース内に適切に収まり、簡単にスキャンできるようにします。
**値を非表示** バーコードの下に表示されるエンコードされた値を表示または非表示にし、よりすっきりした見た目を提供します。
**代替テキスト** バーコードを説明するアクセシブルなテキストを提供します。
## スタイリング
{% tabs %}
{% tab title="外観" %}
| 名称 | 説明 | 使用例 |
| ------------- | --------------------------- | -------------------------------------------------------- |
| **背景色** | バーコードコンポーネントの背景色を設定します。 | バーコードの線や数字とのコントラストが十分に高く、読みやすさとスキャンしやすさを確保できる色を選択してください。 |
| **色** | バーコードの線とテキストの色を設定します。 | 背景に対して目立つ色を選択し、視認性を最適化します。 |
| **テキストの配置** | バーコードの下に表示されるテキストの配置を定義します。 | Webページや印刷物の全体的なデザインとレイアウトに調和するように、テキストの配置を調整します。 |
| **テキスト色** | バーコードの下に表示されるテキストの色を設定します。 | 背景色に対して読みやすい色を選択し、エンコードされた値が視覚的にアクセスしやすくなるようにします。 |
| {% 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-bar-code.md?ask=&goal=
```
`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.