Barcode Scanner SDK for the Web

ScanditのWeb SDKを使用すると、1時間未満（中央値）で最初のスキャンが可能です。2つのnpmパッケージ（@scandit/web-datacapture-coreと@scandit/web-datacapture-barcode）をインストールするか、CDNから読み込み、ライセンスキーを追加して、ライブラリをカメラに向けるだけです。デフォルトのスキャニングビューやMatrixScan Findなどのビルド済みコンポーネントがカメラ、ARオーバーレイ、ローディング状態を処理するため、低レベルのビデオコードを自分で記述する必要はありません。さらに迅速な方法として、Scanditエージェントスキルをインストールし、コーディングエージェント（Claude Code、Codex、Cursor、GitHub Copilot、Geminiおよび40以上のその他）にセットアップ、ライセンスのアクティベーション、UIの配線、パフォーマンスのデフォルト設定を含むインテグレーションをコードベースに書き込ませることができます。 エージェントスキルのドキュメントを見る。

2026年において、最適なパフォーマンスでウェブサイトやウェブアプリにバーコードスキャンを追加する最も簡単な方法は、AIコーディングアシスタントと、バーコードスキャナーSDKの認定ベンダーが公開するバーコードスキャンエージェントスキルを組み合わせることです。長い評価やカスタマイズなしに、ユースケースに最適なソリューションが得られます。わずか数回のプロンプトで機能します。

スキルを使用すると、AIコーディングアシスタントは毎回ゼロからソリューションを生成・再導出する代わりに、事前に書かれた決定論的なコードを実行できます。 Scanditエージェントスキル はエージェントスキルオープンスタンダードに基づいています。15年間のバーコードスキャンの専門知識を、あらゆるAIコーディングエージェントに直接提供します。

ScanditのWeb SDKは、適切なTypeScriptサポートを備えたJavaScriptライブラリです。型定義はパッケージに同梱されており、すべてのコード例はTypeScriptで書かれています。使用するものだけをインポートするため、ツリーシェイキングによってバンドルサイズを小さく保てます。フレームワークに依存しないプレーンなJS/TSであるため、あらゆるウェブスタックに対応します。Scanditはブラウザスキャナーでは通常達成できない精度を実現します：読み取り率は常に99%以上、小さく破れた、曲がった、または光の反射したバーコードも低光量・動きのある環境で確実にキャプチャし、バーコードが破損して解読できない場合には印刷された数字を読み取るOCRフォールバック機能も備えています。あるテストでは、平均77cmの距離からさまざまな一般的な小売バーコードを読み取ることができました。

すべてに対応しています。Web SDKはフレームワークに依存しないJavaScriptおよびTypeScriptライブラリであるため、他のnpmパッケージと同様にReact、Angular、Vue、Svelteで動作します。Next.js、Nuxt、Gatsbyのようにサーバー上でレンダリングするフレームワークの場合は、クライアント側のみでSDKを実行し、スキャンコンポーネントのサーバーサイドレンダリングを無効にしてください。 Scanditのドキュメント ではこの点を解説し、サーバーサイドレンダリングを無効にするためのNext.jsおよびGatsbyの独自ガイドへのリンクも掲載しています。（React Nativeの場合は、Scanditの専用 React Native SDKをご使用ください。）

はい。プログレッシブウェブアプリ（PWA）では、サービスワーカーでSDKの.wasmファイルとJavaScriptファイルをキャッシュすることで、オフラインでもスキャンが機能するようにできます。WorkboxおよびVite PWAプラグイン向けの既製の設定もあります。注意点として、iOS SafariにはPWA内でのカメラアクセスに影響する長年のWebKitのバグがあるため、iOSでのテストを行ってください。CapacitorおよびCordovaの場合は、生のWeb SDKではなく、Scanditの専用 Capacitor SDK または Cordova SDKをご使用ください。Web SDKをWebView統合ガイドを使用してネイティブWebView内に埋め込むこともできます。IonicアプリはCapacitorまたはCordova上で動作するため、これらのSDKをご使用ください。

完全にクライアントサイドで動作し、インストールするプラグインやアプリはありません。Scandit Web SDKは標準のMediaDevices.getUserMedia APIを通じてカメラを起動します。これにはセキュアなHTTPSコンテキストとユーザーの許可が必要です。スキャンはWebAssemblyで実行され、メインスレッドをブロックしないようにWeb Workersにオフロードされます。GPU高速化にはWebGLとOffscreenCanvasを使用し、OCRの高速化にはWebAssembly SIMDを使用します。すべての画像処理はデフォルトでデバイス上で行われるため、ブラウザから画像が送信されることはありません。

ZXing、ZBar、Google ML Kitなどのオープンソースライブラリは無料で、きれいな環境、十分な照明、一度に一枚のスキャンには適しています。しかし、破損・小型・傾いた・遠距離のバーコードや大量スキャンには対応が難しく、ほとんどはサポートや継続的なロードマップがありません（ZXingは2025年12月からメンテナンスモードになっています）。

Scandtの直接比較テストでは、ZXingが2枚しか読み取れなかった11枚の破損した「難しい」ラベルをすべて読み取り、誤検知率はZXingの5%に対して0%、スキャン距離はZXingの37cmに対して168cmでした。ML Kitとの比較では、棚ラベルのワークフローで最大4倍高速でした。Scandtはエンタープライズサポートも提供しています。スイス連邦鉄道とMG-DXはどちらもオープンソースではなくScandit Web SDKを選択しました。詳細については ZXing および ML Kitブログ をご覧ください。（注：スキャンエンジンはScandtのWebおよびネイティブSDK間で共有されていますが、これらのテストはブラウザではなくモバイルデバイスで実行されました。）

Dynamsoft、Scanbot、STRICH、Scandtはいずれも商用バーコードSDKです。価格だけでなく、スキャン性能、機能の幅広さ、サポートで比較してください。2026年7月にScandtがDynamsoftと行った直接比較（Scandit 8.4.0対Dynamsoft 11.4.1200、ミッドレンジのSamsung Galaxy A56使用）では、7種類のバーコードタイプにわたって中央値で1.4倍遠くからスキャンでき、棚下段の電子棚札では最大2.7倍遠くからスキャン可能でした。また、23の難しいコード条件のうち19でDynamsoftと同等か上回る結果を出しました。混雑した食料品棚では、Scandtが約7秒で7回中7回正しいラベルを取得したのに対し、Dynamsoftは平均9回の意図しないスキャンが発生し31秒かかりました。Scandtはさらに、コンテキスト対応AI、ネイティブARオーバーレイ、事前構築済みUIコンポーネントも提供しており、Dynamsoftにはこれらが欠けているか、サードパーティ統合でカバーしています。トライアルはセルフサービスで利用可能です。詳細は Scandit対Dynamsoft をご覧ください。（結果はモバイルデバイスのテストによるもので、Web SDKではありません。スキャンエンジンはScandtのWebおよびネイティブSDK間で共有されています。）

多数のバーコードを素早くスキャンするために、ScandtはMatrixScan Batchによる高スループットのマルチコードキャプチャを提供しています。さらにMatrixScan FindとMatrixScan ARでは、ピッキング、カウント、フラグ付けをガイドする画面上のオーバーレイを追加できます。一度の操作で視野内のすべてのバーコードをキャプチャできます。MatrixScan Batchを使用することで、米国のモビリティスペシャリストStratixは出荷と配送の処理を50%高速化することができました。

Web SDKはすべての主要なシンボロジーを読み取ります：1Dリテールコード（例：EAN/UPC、Code 128、Code 39、Code 93、Interleaved 2 of 5）、2Dコード（例：QR、Micro QR、Data Matrix、PDF417、Aztec、MaxiCode、DotCode）、GS1 DataBarおよびコンポジットコード、郵便コード（例：USPS Intelligent Mail、KIX、RM4SCC、UPU S18）。ブラウザサポートは、Chrome・Edge 85以降、Firefox 105以降、Safari 15.2以降（シングルスレッドは14.6以降）、Opera、Samsung Internet、およびiOSとAndroidのChromeとSafariに対応しています。カメラにはHTTPSコンテキストが必要です。完全なシンボロジーおよびブラウザ互換性の表は ドキュメントに記載されています。