JAN (EAN) コードを Web で扱う
ゴール : ひたすらJANコードを読み取るアプリが欲しい
Webで実現したい理由
- スマホのカメラが活用できそう(だけど、やったことない)
- デプロイコストを下げる (アプリだと、申請がいるし、マーケットも2つある)
- JavaScriptで出来るなら、GitHubやGASなど色々プラットホームもある
JANコードの知識
類似
バーコードの種類
- JAN は UPC とか EAN と同じ仕様
ローカル発行可能?
可能だった。インストアマーキング が規定されてる。
- 店内でのみ使うコード:インストアマーキング
- メーカーコードの取得:不要
- データ構成:自由に設定可能(コードに価格を埋め込んでもOK)
- 国コードに対応する最初2桁:20~29を使用する
参考サイト
日本バーコードさんのサイト
- http://www.n-barcode.com/
- 一冊あってもいいかも => バーコードはやわかり
JSライブラリ
QuaggaJS
EAN が読めればOKということで、こちらでも JAN が読めるのね
最終更新が 2017-06-07 というのは、一抹の不安もあるが。
cdnjs でも取得可能 => Home / Libraries / quagga
これを参考にGASで、Webアプリとして実装してみた。
おー読める読める。
なぜか木製の机の上においておくと、存在しない数字がでてきた点以外は問題ない。
他の記事や、公式を読むと、もうちょっとうまく制御できそう。
QuaggaJS オルタナティブ
有名どころみたいで、5つぐらい出てた
OSSだと Zxing 、QuaggaJS2 あたりが存在してる。
どちらも、直近でメンテナンスもされてた。
JSライブラリ (プロプライエタリ)
有償のって、どんなもの?と使ってみた。どちらも iPhone の Chrome にて。
カメラのフロント・バックも判断できるし、さすがという感じ。
Strich
個人的にはヒット!袋に印刷されてるJANコードも、サクッと読める。
Barcode Scanner for Web
こっちもサクサクよめていいな
ノーコード
まだ活用したことなかったのだけど、たまたま見つけてやってみた。
バーコードスキャンするには、最速で提供できそうだ。。。
AppSheet
テキストボックスおいて、Scan属性にチェック入れるだけで実装完了!はや!!
NFCとかもあるし、ノーコード環境恐るべし
ブラウザではスキャン動作せず、アプリで起動する必要あるけど、それでもメリットあるわ。
ちなみに反応感でいうと、Strich並の感触で快適。
PS Y!ショッピングAPIがすごい。。。
ノーコード2
Power Apps
こっちも期待できるのかも?
Power Apps における Web バーコード スキャナー コントロール (試験段階) - Power Apps | Microsoft Learn