Barcode Scanner SDK for the Web（ウェブ用SDK）

ScanditのバーコードスキャナーSDKは、数行のコードでウェブアプリケーションに統合できます。このJavaScriptライブラリは、WebAssemblyを活用することで、大規模な環境でも強力で信頼性の高いバーコードスキャン技術をウェブアプリに提供します。

このSDKを使用すると、デバイスに搭載されたカメラをビデオ入力として利用でき、バーコードスキャナーインターフェースを表示し、バーコードシンボロジーやパフォーマンスの設定を詳細に構成し、ユーザーがウェブアプリケーションで簡単にバーコードをスキャンできるようになります。

詳細については、ドキュメントをご覧いただくか、ウェブアプリにJavaScriptバーコードスキャナーを追加する方法についての完全な開発者ガイドをお読みください。

Scanditのバーコードスキャン機能をJavaScriptで実装するには、SDKをインストールし、ライブラリを設定および初期化し、バーコードシンボロジーを有効化し、スキャンイベントを受信するためにバーコードキャプチャリスナーを登録し、スキャンUIの設計方法を検討する必要があります。

詳細については、ドキュメントをご覧いただくか、JavaScriptバーコードスキャナーをウェブアプリに追加する方法についての完全な開発者ガイドをお読みください。

ScanditのバーコードスキャナーSDKは、数行のコードでウェブサイトに統合および設定できます。SDKをインストールし、ライブラリを設定および初期化し、使用するバーコード（またはシンボロジー）の種類を選択し、スキャンイベントを受信するためにキャプチャリスナーを登録し、スキャン用のユーザーインターフェースをどのように構築するかを考える必要があります。

ScanditのバーコードスキャンをJavaScriptで実装するには、以下の2つのオプションがあります：

1. SparkScanのプリビルトコンポーネントを使用する場合：パッケージをダウンロードし、ライブラリを設定および初期化し、バーコードシンボロジーを有効化し、スキャンイベントを受信するためにバーコードキャプチャリスナーを登録します。この「はじめに」ガイドには詳細が記載されています。

2. 完全にカスタマイズ可能なJavaScriptバーコードスキャナーSDKを使用する場合：SDKをインストールし、ライブラリを設定および初期化し、バーコードシンボロジーを有効化し、スキャンイベントを受信するためにバーコードキャプチャリスナーを登録し、スキャンUIの設計方法を検討します。この「はじめに」ガイドには詳細が記載されています。

ウェブ向けバーコードスキャナーSDKのすべてのサンプルは、GitHubのリポジトリ「datacapture-web-samples」にあります。サンプルの実行方法については、Web SDKサンプルガイドをご覧ください。

サンプルを実行するには、ライセンスキーが必要です。Web SDKの無料トライアルにサインアップすることで、ライセンスキーを取得できます。

Web SDKの開発および実行に必要なシステム要件については、こちらをご覧ください。

ScanditのJavaScriptバーコードスキャナーを使用すれば、ほとんどすべての最新ブラウザでバーコードをスキャンできます。Androidでは、Chrome、Firefox、Edgeに対応しており、iOSではSafariに対応しています。また、SAP/hybris、Magento、Demandwareなどのeコマースプラットフォームにも対応しています。

ブラウザの互換性については、システム要件をご覧ください。

はい。ScanditのWeb向けバーコードスキャナーSDKは、完全なTypeScriptサポートを提供しています。

対応しています。セットアップ手順については、「AngularでWebSDKを使用する方法」に関する記事をご覧ください。

はい！セットアップ手順については、「ReactでWebSDKを使う方法」の記事をご覧ください。

Progressive Web Apps（PWA）は、最新のAndroidおよびiOSで完全にサポートされています。
対応状況の詳細は、サポートFAQをご覧ください。

Scanditのウェブ用SDKは、SAP/hybris、Magento、Demandwareなどのeコマースプラットフォームを含むウェブサイトに統合でき、ブラウザ上でバーコードスキャン、高度なAI機能、ARオーバーレイ、バッチスキャンなどを提供します。

JavaScript APIを使えば、デバイスのカメラにアクセスしてビデオ入力を取得し、バーコードスキャナーのUIを表示、AIによるスキャン性能の詳細設定を行い、ユーザーやブランドに合わせたUIのカスタマイズも可能です。