Microsoft PowerApps でバーコードをスキャンするScan a barcode in Microsoft PowerApps

ざまな種類のバーコードをスキャンするアプリを作成し、カメラ付きのデバイス (携帯電話など) で実行します。Scan several types of barcodes by creating an app and running it on a device, such as a phone, that has a camera. バーコードで表現されている数値がラベル コントロールに表示され、そのデータをさまざまなデータ ソースにアップロードできます。The numerical equivalent of the barcode appears in a Label control, and you can upload that data to a variety of data sources.

PowerApps の基本的な事柄については、「PowerApps の概要」を参照してください。If you're unfamiliar with PowerApps, see Get started.

既知の制限Known limitations

  • バーコードのサイズは、少なくとも高さ 1" (2.5cm)、幅 1.5" (4cm) が必要です。Barcodes should be at least 1" (2.5cm) high and 1.5" (4cm) wide.
  • 携帯電話でバーコードをスキャンするには、携帯電話を縦向きに保持し、バーコードから 7" (18cm) から 10" (25cm) 離れた位置でゆっくりと動かします。To scan barcodes by using a phone, hold it in portrait orientation, and slowly move it from 7" (18cm) to 10" (25cm) away from the barcode.
  • 長い種類のバーコード (15 個以上の文字を持つことができる I2of5 など) は切り捨てられるか正しい結果を得られない可能性があります。特にバーコードが明確に印刷されていない場合はこれが発生します。Long barcode types (such as I2of5, which can have 15 or more characters) can give truncated or otherwise incorrect results, especially if the barcode isn't printed clearly.
  • iPhone と Android デバイスでは、バーコード コントロールの高さプロパティを指定できますが、幅は固定の縦横比によって決まります。For iPhones and Android devices, you can specify the Height property of the Barcode control, but a fixed aspect ratio determines its width.
  • バーコード コントロールのスキャン レート プロパティは、35 以下に設定しなければならない場合があります。You might need to set the Scanrate property of the Barcode control to 35 or less.
  • iOS を実行しているデバイスでメモリ不足の発生を遅らせるには、バーコード コントロールの高さプロパティを 700 (またはそれ以下) に、スキャン レート プロパティを 30 に設定します。To delay running out of memory on devices that are running iOS, set the Height property of the Barcode control to 700 (or lower) and the Scanrate property to 30.
  • デバイスがメモリ不足になり、アプリがフリーズした場合は、アプリを再起動します。If the device runs out of memory and the app freezes, restart the app.

空のアプリを作成するCreate a blank app

  1. PowerApps にサインアップし、次のいずれか一方の操作を行います。Sign up for PowerApps, and then do either of the following:

    • カメラ付きのデバイスで、PowerApps をブラウザーで開きます。Open PowerApps in a browser on a device that has a camera.
    • Windows ストアからカメラ付きのデバイスに PowerApps をインストールします。Install PowerApps from the Windows Store on a device that has a camera. PowerApps を開いてサインインし、左側に表示される [File (ファイル)] メニューの [New (新規)] をクリックまたはタップします。Open PowerApps, sign in, and then click or tap New on the File menu (along the left edge).
  2. [Start with a blank canvas or template] (空のキャンバスまたはテンプレートから開始する) の下の [空のアプリ] タイルで [携帯電話レイアウト] をクリックまたはタップします。Under Start with a blank canvas or template, click or tap Phone layout in the Blank app tile.

    アプリを最初から作成する

  3. PowerApps を初めて使用する場合は、クイック ツアーで PowerApps の基本事項を確認できます (不要であれば、[スキップ] をクリックまたはタップします)。If you haven't used PowerApps before, get familiar with key areas of the app by taking the intro tour (or click or tap Skip).

    クイック ツアーの開始画面

    : クイック ツアーは後からいつでも開始できます。右上隅の疑問符アイコンをクリックまたはタップし、[Take the intro tour (クイック ツアーの開始)] をクリックまたはタップしてください。Note: You can always take the tour later by clicking or tapping the question-mark icon near the upper-right corner and then clicking or tapping Take the intro tour.

バーコード コントロールの追加Add a Barcode control

  1. [挿入] タブで [メディア] をクリックまたはタップし、[バーコード] をクリックまたはタップします。On the Insert tab, click or tap Media, and then click or tap Barcode.

    バーコード スキャナーの追加

  2. バーコード コントロールが選択ボックス (コントロールのサイズを変更するためのハンドル付き) によって囲まれていることを確認します。Ensure that the Barcode control is selected by confirming that a selection box (with handles to resize the control) surrounds it.

    選択ボックス

  3. [ホーム] タブで [Barcode1] をクリックまたはタップし、[名前の変更] の下に「MyScanner」と入力するか貼り付けます。On the Home tab, click or tap Barcode1, and then type or paste MyScanner under Rename.

    ヒント: 追加する最初のバーコード コントロールは、既定で Barcode1 という名前が付いています。Tip: The first Barcode control that you add is named Barcode1 by default. そのコントロールを削除して別のバーコード コントロールを追加した場合は、既定で Barcode2 という名前が付きます。If you delete that control and add another Barcode control, it will be named Barcode2 by default. 名前を手動で変更するときは、数式でコントロールが正しい名前で参照されることを確認してください。By manually renaming a control, you ensure that formulas will refer to the control by its correct name.

    バーコード コントロールの名前の変更

テキスト入力コントロールを追加するAdd a Text input control

  1. [挿入] タブで [テキスト] をクリックまたはタップし、[テキスト入力] をクリックまたはタップします。On the Insert tab, click or tap Text, and then click or tap Text input.

    [挿入] タブが表示されない場合は、PowerApps ウィンドウを最大化します。If the Insert tab doesn't appear, maximize your PowerApps window.

    テキスト入力コントロールの追加

  2. (サイズ変更ハンドルではなく) 選択ボックスをテキスト入力 コントロールを囲むようにドラッグして、MyScanner の下に表示します。Drag the selection box (not the resize handles) around the Text input control down until it appears below MyScanner.

    選択ボックスで囲まれたラベル

  3. テキスト入力コントロールを選択した状態で、プロパティの一覧に [既定] が表示されていることを確認し、数式バーに「MyScanner.Text」と入力するか貼り付けます。With the Text input control still selected, ensure that Default appears in the properties list, and then type or paste MyScanner.Text in the formula bar.

    ラベル コントロールのテキスト プロパティ

バーコードの種類を変更するChange the barcode type

  1. [挿入] タブで [コントロール] をクリックまたはタップし、[ドロップダウン] をクリックまたはタップします。On the Insert tab, click or tap Controls, and then click or tap Drop down.

    ドロップダウン リストの追加

  2. ドロップダウン コントロールを移動させて、画面上の他のコントロールの下に表示されるようにします。Move the Drop down control so that it appears below the other controls on the screen.

    ドロップダウン リストの移動

  3. ドロップダウン コントロールを選択した状態で、プロパティの一覧に [項目] が表示されていることを確認し、数式バーに次のテキスト文字列を入力するか貼り付けます。With the Drop down control still selected, ensure that the properties list shows Items, and then type or paste this string of text in the formula bar:
    [Codabar, Code128, Code39, Ean, I2of5, Upc][Codabar, Code128, Code39, Ean, I2of5, Upc]

    ドロップダウン リストの項目プロパティの設定

  4. [ホーム] タブで、ドロップダウン コントロールの名前を「ChooseType」に変更します。On the Home tab, rename the Drop down control to ChooseType.

    ドロップダウン リストの名前変更

  5. [MyScanner] をクリックするかタップして選択し、プロパティの一覧に [BarcodeType] が表示されていることを確認し、数式バーに次のテキスト文字列を入力するか貼り付けます。Click or tap MyScanner to select it, ensure that the properties list shows BarcodeType, and then type or paste this string of text in the formula bar:
    ChooseType.Selected.ValueChooseType.Selected.Value

アプリケーションをテストするTest the app

  1. F5 キーを押して (または右上隅の再生ボタンをクリックまたはタップして) プレビュー モードを開始します。Open Preview mode by pressing F5 (or by clicking or tapping the play button near the upper-right corner).

    プレビュー モードを開始

  2. ラベル コントロールにバーコードの数値要素が表示されるまで、デバイスのカメラの前でバーコードを保持します。Hold a barcode up to the camera on the device until the numerical component of the barcode appears in the Label control.

    数値要素が表示されない場合は、BarcodeType の一覧の別のオプションで試してみます。If the numerical component doesn't appear, try a different option in the BarcodeType list. それでも適切なデータが表示されない場合は、入力テキスト コントロールに適切な数値を入力します。If the correct data still doesn't appear, type the correct number in the Input text control.

次の手順Next steps

  • データ ソースにアプリを接続し、ユーザーが結果を保存できるように Patch 関数を構成します。Connect the app to a data source and configure the Patch function so that users can save results.
  • ドロップダウン コントロールを追加し、ユーザーがスキャンするバーコードの種類を選択できるように構成します。Add a Drop down control, and configure it so that users can choose which type of barcode they want to scan.
  • スライダー コントロールを追加し、ユーザーがバーコード コントロールのスキャン レートと高さを調節できるように構成します。Add a Slider control, and configure it so that users can adjust the scan rate or the height of the Barcode control.