---
title: カスタマイズ
canonical: https://developer.unico.io/ja/dual-api/developers/sdks-and-tools/web/web-sdk/customization
locale: ja
generated_by: markdown-export
---

Web SDKは、言語とビジュアルテーマの2つのカスタマイズ次元をサポートしています。

## 言語

`setLocale`メソッドを使用して、キャプチャフレーム内の情報メッセージの言語を設定します。`LocaleTypes`列挙型を使用してください：

- `LocaleTypes.PT_BR` — ポルトガル語（ブラジル）
- `LocaleTypes.ES_MX` — スペイン語（メキシコ）
- `LocaleTypes.ES_ES` — スペイン語（スペイン）
- `LocaleTypes.EN_US` — 英語（アメリカ）

```javascript
import {
  UnicoCheckBuilder,
  LocaleTypes
} from "unico-webframe"

unicoCameraBuilder.setLocale(LocaleTypes.EN_US);
```

:::info
- この機能を使用するにはリモートアクティベーションが必要な場合があります。使用を希望する場合は、プロジェクトマネージャーまたはUnicoサポートに通知してください。
- 設定されていない場合、SDKはデフォルト言語としてポルトガル語を使用します。
:::

サポートされている`LocaleTypes`の値の完全なリストについては、[APIリファレンス > Enums](/dual-api/developers/sdks-and-tools/web/web-sdk/api-reference/enums)を参照してください。

## テーマ

`UnicoThemeBuilder`を使用してキャプチャフレームをカスタマイズします。インスタンスを作成し、キャプチャフレームの各プロパティをカスタマイズするメソッドを呼び出します：

```javascript
const unicoTheme = new UnicoThemeBuilder()
  .setColorSilhouetteSuccess("#0384fc")
  .setBackgroundColor("#dff1f5")
  .setColorText("#0384fc")
  .setBackgroundColorComponents("#0384fc")
  .setColorTextComponents("#dff1f5")
  .setBackgroundColorBoxMessage("#fff")
  .setColorTextBoxMessage("#fff")
  .setBackgroundColorButtons("#0384fc")
  .setColorTextButtons("#dff1f5")
  .setColorCancelButton("#0384fc")
  .setColorProgressBar("#0384fc")
  .setFontFamily("Arial, sans-serif") // v3.19.2+
  .setHtmlPopupLoading(`<div style="position: absolute; top: 45%; right: 50%; transform:
    translate(50%, -50%); z-index: 10; text-align: center;">Loading...</div>`)
  .build();
```

テーマオブジェクトを生成した後、`setTheme`に渡します：

```javascript
unicoCameraBuilder.setTheme(unicoTheme);
```

:::info[setHtmlPopupLoading]
`setHtmlPopupLoading`パラメータはドキュメントキャプチャフローに固有のものです。
:::

:::warning[カスタマイズの範囲]
`UnicoThemeBuilder`が提供する以外のカスタマイズ次元は利用できません。完全に独自のUIが必要な場合は、[Capture Standard](/developers/sdks-and-tools/capture-standard)オプション（ヘッドレスAPI統合）を参照してください。
:::