JavaScriptでQRコードをつくってみよう!という記事をお届けしました。QRコードといわれて思い出すもう一つの読み取り形式があります。買い物をするほほぼどんな商品にもバーコードが付けられていますし、また配送業者さんがバーコードをピッ!と読み取って配送完了処理をしていたりいますね。そこで、今回はウェブ環境だけでこのバーコードを読み取り、配送完了チェックするシンプルな機能をつくってみることにしました。合わせて読みたい配送情報をつくるまずは配送データを管理するテーブルshipmentsをつくります。以下のコマンドでモデルと一緒に2つ同時で作成しましょう。-mでは、マイグレーションを開いて以下のように商品ID(バーコードのID)と商品名、配送先、そして配送の状況がわかるstatusフィールドを追加します。$table->timestamps();});そして、テストデータをこのテーブルに追加するSeederもつくっておきます。ShipmentsTableSeeder中身はこのようにします。ちなみに配送商品は私が最近読んだ(読みかけ)の小説で、住所は東京スカイツリーのものになっています。statusはshipping(配送中)としています。Seederを同じフォルダにあるDatabaseSeederに登録してマイグレーションを実行しましょう。--seed作成されたデータはこうなります。バーコードの読み取り部分をつくるでは続いてバーコードのよみとり部分をJavaScriptで作っていきましょう。利用するパッケージはquaggaJSです。(2018年11月8日現在、MITライセンスで配布されています。商用にも利用しやすいでしょう。