QR Scanner Online

画面上のQRコードをスクリーンショットなどから読み取るアプリ

App URL

https://qr-scanner-online.wowry.dev

DEMO

Features

1. 画像のコピー&ペースト、ドラッグ&ドロップに対応

2. 複数の QR コード検出に対応

3. C++, WebAssembly を用いて、QR コード検出処理を高速化

アプリケーション構成

Installation

1. リポジトリの Clone

git clone https://github.com/wowry/qr-scanner-online.git

cd qr-scanner-online

2. 依存パッケージのインストール

yarn install

3. C++ソースコードを WebAssembly にコンパイル

Emscripten SDK の Docker イメージを用いて、OpenCV を含む C++ソースコードを WebAssembly にコンパイル

./src/models/build.sh

Usage

• Next.js を開発用ローカルサーバで実行

  yarn dev

  👉http://localhost:3000

• Next.js をビルド（サイトマップを同時生成）

  yarn build

• Next.js を本番用ローカルサーバで実行

  yarn start

• ESLint による静的解析を実行

  yarn lint

• Prettier によるコード整形を実行

  yarn format

  （ESLint による静的解析、および Prettier によるコード整形は、コミット時に毎回自動実行）

• Storybook を起動

  yarn storybook

  👉http://localhost:6006

  ブラウザ上で UI コンポーネントの管理・テストを行うことができます。

License

QR Scanner Online is under MIT License

Author

wowry