ランニングコスト0の書籍管理webアプリを開発! QuaggaJSってどんなもの?
※こちらの記事の内容は2022/4/9に執筆したものです。
初めに
この記事は、以下の元記事で紹介しているアプリを構築する際に使ったQuaggaJSの機能について紹介している記事です。元記事からご覧ください。
バーコードって?
書籍どころかほぼすべての商品についているバーコードですが、具体的に何なのかご存じですか?実はバーコードの招待は単なる文字(数字)でしかないのです。
文字を特定のルールで白と黒の線で表したものがバーコードなのです。つまるところ、バーコードを読み込むというのは文字を自動入力しているようなものなものなのです。
QuaggaJSって?
QuaggaJSとはjsのライブラリの一つで、画像を渡すと映っているバーコードを自動で認識して文字を抽出までしてくれます。
どのように使うの?
ざっくりとこんな感じです。わかりやすい説明をしている記事はいくらでもあるので、ここでは最低限の書き方のみ載せておきます。
sample.js
Quagga.decodeSingle({
decoder: {
readers: ["ean_reader"] // List of active readers
},
locate: true,
src: //TODO 画像のインスタンス
}, function(result){
//TODO 認識後の処理
});