---
# System prepended metadata

title: Webアプリでカメラを使ってバーコードを読み込む　2023-07-25
tags: [Webアプリ, バーコード]

---

---
lang: ja-jp
breaks: true
---
# 参考資料

> Blazor(client-side版)で本の情報取得サイトを作成する
> https://qiita.com/nobu17/items/82a1ac0eedc6156f92ea

> バーコードリーダーをブラウザから使えるようにしたい！JSのバーコードリーダーライブラリを調査しました
> https://blog.ecbeing.tech/entry/2020/06/30/114023

> [HTML5] カメラをJSで操作し写真を撮影する
> https://blog.katsubemakito.net/html5/camera1
> 
> HTML5カメラ
> https://miku3.net/html5/camera/camera.html

> ASP.NET Core - Capturing Image From Web Cam | WebCam Capture
> https://www.youtube.com/watch?v=VESPItwumjw

:::info
ASP.NET Core と `webcam.js` を使用した、Webカメラ画像のサーバへのアップロードサンプル。
:::

> quaggaJS
> https://serratus.github.io/quaggaJS/

> QuaggaJSを使ったバーコードリーダ実装
> https://ameblo.jp/white-rabbit-0925/entry-12579659224.html

> QuaggaJSを使ってブラウザでバーコードスキャン
> https://nanbu.marune205.net/2021/12/barcode-scan-quaggajs.html?m=1

> sugakenn/barcodescanner
> https://github.com/sugakenn/barcodescanner

> QuaggaJS+αであっさりバーコードリーダ&メーカ
> https://zenn.dev/sdkfz181tiger/articles/f79b40d655b254

> jsQR+αであっさりQRコードリーダ/メーカ
> https://zenn.dev/sdkfz181tiger/articles/096dfb74d485db

> ASP.NET Core - Read OR Generate QR Code | Zxing.NET
> https://www.youtube.com/watch?v=JLCqxFPZckk

> カメラのフロントとリアを切り替える
> https://blog.katsubemakito.net/html5/camera-toggle

> Webの技術だけで作るQRコードリーダー
> https://qiita.com/kan_dai/items/4331aae12f5f2d3ad18d
> 