Nativeで作成するスマホアプリで、端末のカメラを利用してバーコードスキャナーを実装する方法の紹介です。こちらもExpoを利用することで簡単に実装できます。以下、QRコードスキャナーの実装の紹介です。expo-barcode-scannerドキュメントは以下です。https://docs.expo.io/versions/v35.0.0/sdk/bar-code-scanner/こんな感じ以前QRコードスキャナーアプリを作成しました。iOSは純正のカメラアプリでバーコードを読み取れますが、Androidでは何らかのアプリを使う必要があります。気に入ったものがなかったので自分で作成しました。Android使っている人は自分でお気に入りのスキャナーを自作してみるのがおすすめです。QRコードを読み取り、URLへアクセスできます。取得したURLはローカルに保存してあり、履歴として確認・再アクセスができます。インストールを行います。ExpoのSDKを利用しているのであれば「expo」コマンドでインストールすることでSDKのバージョンに適したものがインストールされます。expo-barcode-scannerapp.jsonに設定を追加パーミッションを指定しておく必要があります。バーコードリーダーにはもちろんカメラを利用します。パーミッションに追加しておきましょう。画面のマウント時にパーミッションを尋ねます。承認が得られるまでは待機中のメッセージを表示しておき、承認が得られたタイミングでstateを更新してカメラコンポーネントを描写します。パーミッションを取得componentDidMountにてパーミッションを取得します。};~~~カメラコンポーネント権限を得られるまではメッセージを表示しておき、権限が承認されたらバーコードスキャナーコンポーネントを描写します。onBarCodeScannedにてバーコード読み取り結果を受け取った際の処理を定義します。stateの更新を行い画面にデータを表示したり、ブラウザを立ち上げてアクセスしたりすることになります。};~~~おわりにこちらも簡単に実装ができました。QRコード以外でも、商品のバーコードを読み取ることもできます。本なら商品コードを読み取って、amazonやGoogleのAPIにリクエストすることで書籍の情報を取得できます。パーミッションの承認がいるので少しややこしいですが、それ以外は特に難しいことはありません。簡単に実装できるのでおすすめです。ほかにもExpoにはたくさんのパッケージが用意されていますので、便利なものを紹介していきます。editerマークダウン特化エディタアプリマークダウンのプレビュー・よく使う記号を入力するボタンが利用できます。野々市市コミュニティバスのっティ時刻表アプリルートとバス停を選択して時刻表が確認できます石川県野々市市に住むフリーランスエンジニア。応用情報とDBスペシャリストの資格を保有。Webシステムの構築、スマホアプリ、プログラミングメンターなどの依頼に対応できます。