---
title: "バーコードをスキャン：モバイルアプリにおけるバーコード活用"
date: "2016-11-17"
categories: 
  - "applications"
  - "mobile"
tags: 
  - "android"
  - "app-development"
  - "cross-platform-mobile-development"
  - "ios"
  - "mobile-development"
  - "mobiletogether"
  - "windows"
description: MobileTogetherを使用して、モバイルアプリにバーコードスキャン機能を組み込む方法を学びましょう。サポートされているバーコードの種類や、アプリケーション開発の手順について説明します。
---
Status: #blog

Tags:  #android #app-development #cross-platform-mobile-development #ios #mobile-development #mobiletogether #windows

Categories: [low-code+no-code](/blog/ja/category/low-codeno-code.md) | [mobile-development](/blog/ja/category/mobile-development.md)
# バーコードをスキャン：モバイルアプリにおけるバーコード活用

バーコードは、様々な産業で利用されており、物体に付与されたデータ、例えば書籍、小売商品、輸送用梱包材、あるいは病院で患者の腕などに付与されたデータなどを、機械が読み取れるように光学的に表現する役割を果たします。

近年、バーコード技術には[2次元コード](https://en.wikipedia.org/wiki/Barcode)が登場しており、これは従来の棒状のパターンに加えて、さまざまな形状を利用しています（雑誌の広告やシリアルボックスなどで見かけるQRコードを思い出してください）。しかし、より重要なのは、スマートフォンやその他のモバイルデバイスが、内蔵カメラを使ってバーコードを読み取れるようになったことです。 以前は、コード化された情報を読み取るために専用のバーコードリーダーが必要でしたが、現在では誰でもコードを読み取れるようになり、バーコードの有用性が飛躍的に向上しました。これにより、さまざまな方法で活用できるデータを伝達することが可能になりました。

バーコード情報を処理できるアプリは、様々な業界で役立ち、従業員だけでなく消費者向けのアプリにも活用できます。ここでは、MobileTogetherを使って、バーコードを読み取り、処理するアプリを簡単に作成する方法を見ていきましょう。

![モバイルアプリにおけるバーコード](/blog/images/app-scanning-barcode.jpg)

<!--more-->

## モバイルアプリにおけるバーコードスキャン機能

MobileTogether Designerに付属しているサンプル配送アプリケーションは、バーコードスキャン機能を実装するための最適なテストケースです。

 

![荷物配送アプリ](/blog/images/package-delivery-app.png)

 

[MobileTogether](https://www.altova.com/ja/mobiletogether.html)は、iOS、Android、Windowsなど、様々なプラットフォーム向けの[アプリケーション開発者](https://www.altova.com/ja/mobiletogether/technical-overview.html)が利用できる、豊富な種類のコントロールを提供しています。これらのコントロールをアプリケーションのUIデザインにドラッグ＆ドロップすると、必要な機能を簡単に割り当てることができます。

アプリの「パッケージ」画面で、ボタンコントロールをUI上にドラッグして配置し、ボタンを追加しましょう。ここでは、ボタンのテキストを「バーコードをスキャン」と入力しました

 

![UIにボタンを追加する](/blog/images/add-button.png)

 

バーコードスキャン機能を有効にするために、新しいボタンを右クリックし、「Control Actions for OnButtonClicked...」を選択します。その後、「Let User Scan Barcode」を「OnButtonClicked」アクショングループにドラッグします。

 

![アプリケーション開発に関する操作選択画面](/blog/images/scan-barcode-actions.png)

 

ユーザーは、サポートされているあらゆる種類のバーコードを読み取ることができます。上記では、「すべてのバーコード」のラジオボタンを選択していますが、特定のバーコードの種類を指定することも可能です。MobileTogetherでサポートされているのは以下の通りです

- アステカ文明
- コードバー (Codabar)
- コード39
- コード93
- コード128
- データマトリックス
- EAN-8コード
- EAN-13コード
- EAN-128コード
- ITF (国際テニス連盟)
- PDF417形式
- QRコード
- RSS-14
- RSS（拡張版）
- UPC-Aコード
- UPC-Bコード

 

ユーザーがバーコードをスキャンすると、アプリは自動的にそのバーコードと、対応するバーコードの種類を、アクションダイアログで指定した2つの異なるXMLノードにそれぞれ入力します。このバーコードの情報は、その後、アプリ内でさらに処理するために利用され、例えば、ユーザーにデータを表示したり、データベースに保存したりすることができます。

MobileTogetherに組み込まれたシミュレーターを使えば、様々なiOS、Android、Windowsデバイスでバーコード機能の動作を迅速にテストできます。また、アプリをMobileTogetherサーバーにデプロイした後、自分のスマートフォンでテストすることも可能です。

 

![このアプリはバーコードに対応しています](/blog/images/app-supports-barcode-scanning.png)

 

「バーコードをスキャン」ボタンをタップすると、カメラが起動し、バーコードを素早く読み取ることができます。

 

![Androidアプリを使ってバーコードを読み取る](/blog/images/scan-barcode-android.png)

この簡単な例は、MobileTogetherを使って、次回のアプリにバーコードスキャン機能を簡単に追加できることを示しています。ここからどのような機能を追加していくかはあなた次第です。MobileTogetherを使えば、どんな目的にも対応した、高度なアプリを非常に簡単に開発できます。

それ以来、 [MobileTogether Designerは無料でご利用いただけます](https://www.altova.com/ja/download/mobiletogether.html), バーコードに対応したアプリケーションの開発を、すぐに始めることができます。