中津川篤司モバイルアプリの中で、QRコードやバーコードを読み込む機能はとても需要があります。これまでコミュニティ製のCordovaプラグインを使う方が多かったですが、今回Monaca公式プラグインとしてリリースしました。Docs公式プラグインなので、無料ユーザーでも利用可能です。今回、このバーコードスキャナーの使い方を解説します。プロジェクトのソースコードは、GitHubに配置しています。今回は以下のプラグイン、ライブラリを利用しています。IDEのCordovaプラグインの管理よりインストールしてください。Scannerというプラグインになります。設定の変更バーコードスキャナーはカメラを使うため、カメラ利用に関する許諾が必要となります。これは各プラットフォームによって設定の作業が異なりますの注意してください。iOSの場合config.xmlを開いて、iOSの設定を次のように追加します。カメラ利用に関するメッセージなので、必要なメッセージに書き換えてください。Androidアプリ設定で、ターゲットSDKバージョンを31以上に設定します。デモアプリ今回はスキャン画面と履歴画面を持ったアプリを作ります。</div></div>ルーティング各画面へ遷移するためのパスは次の通りになります。履歴画面を表示するようにルーティングを設定します。},];スキャン画面スキャン画面はスキャンを実行するボタンと、その結果を表示する画面になります。スキャンしたデータはlocalStorageに保存して、履歴画面で表示します。スキャンした履歴データを一覧表示します。</div></div>スキャンデータと履歴データスキャンデータと履歴データはFramework7のストアを使って保存、取得しています。することで、アプリ内での共通したデータとして扱えるようになります。これを使うことで、スキャン結果を適用すれば自動的に画面が更新されるようになります。