QRコード/バーコード読み取り(追加用)プラグイン Ver1.0.0

はじめに

kintoneのレコードにQRコードやバーコード(以下、コード)の内容を登録できるプラグインです。コードの読み込みは「内蔵カメラ」と「外部接続のスキャナー」を選択できます。

内蔵カメラはブラウザ上でカメラを起動するので素早くコードを読み取れます。しかし、その性質上読み取り性能がそれほど良くありません。コードのサイズが小さいような場合は外部接続のスキャナーの利用を検討してください(外部接続のスキャナーはキーボード入力として動作する必要があります)。

読み取り後に文字列(1行)やラジオボタン、チェックボックスなどを更新できます。

また、カスタマイズビューでの動作に対応しています。例えば、コードに従業員番号が設定されている場合、「勤務開始」ボタンクリックで勤務開始、「勤務終了」ボタンクリックで勤務終了のレコードを登録できます。

動作の紹介

一覧画面では通常フィールドのみに登録できます。連続読み込みに対応しており、複数レコードを一括登録できます。

追加/編集画面では通常フィールド、テーブルフィールドのいずれかに登録できます。

プラグインの設定

コードの内容登録

コードの内容の一部のみをフィールドに登録することもできます。登録方法は2種類あります。

  1. 文字数区切り
    開始文字数と終了文字数を変更してください。コードの内容すべてを登録する場合は初期値のまま利用してください。(開始文字数:0、終了文字数:空)
    開始文字数と終了文字数の仕様はこちらをご確認ください。
  2. 特定の文字区切り
    カンマなど区切る文字を入力してください。

以下の例では半角カンマ(,)で区切り、フィールド「従業員番号」に分割した1つ目の内容を登録します。

読み取り後の編集

読み取り後に文字列(1行)やラジオボタン、チェックボックスなどを更新できます。
固定値を設定し、編集不可とすることでコードの内容とは異なる内容を登録できます。

自動登録

次のオプションを有効にすることで読み取り後に自動登録できます。

カスタマイズビューでの利用

アプリの設定でカスタマイズ形式の一覧を作成し、HTMLには次のような内容を設定します。

<div class="my_customize_start"></div>

プラグイン設定でカスタマイズビューを選択し、divタグに設定したクラス名を入力します。

JavaScript / CSSカスタマイズにCSSファイルを設定することでボタンのスタイルを変更できます。

.my_customize_start button {
  margin: 3rem;
  padding: 2rem 4rem;
  font-size: x-large;
  color: #000000;
  border: 1px solid #000000;
  background-color: #f7dc6f;
  border-radius: 0.5rem;
}

注意事項

内蔵カメラを利用する場合、読み取れるコードのサイズはカメラの性能に依存します。また、読み取り精度は100%ではありません。実際に利用する端末でお試しをお願いします。

外部接続のスキャナーを利用する場合、外付けキーボードとして動作する必要があります。弊社では次の機器で動作を確認していますが、動作を保証するものではありません。プラグインを購入する前に動作をご確認ください。

動作確認環境

  • iOS 16.4のSafari、Google Chrome
  • Android 13のGoogle Chrome

制限事項

  • 内蔵カメラで読み取れるコードの種類は以下のとおりです。
    • QRコード
    • Aztec
    • Datamatrix
    • PDF417
    • JAN/EAN
    • EAN-8
    • CODE39
    • CODE128
  • コードの内容を登録できるフィールドは以下のとおりです。
    • 文字列(1行)
    • リッチエディター
    • 文字列(複数行)
    • 数値
    • ラジオボタン
    • ドロップダウン
    • リンク
  • 入力できるフィールドは以下のとおりです。
    • 文字列(1行)
    • リッチエディター
    • 文字列(複数行)
    • 数値
    • ラジオボタン
    • ドロップダウン
    • チェックボックス
    • 複数選択

プラグインのダウンロード

こちらのホームページで販売しています。30日間のお試し期間があります。

お試し用QRコード

すぐに動作を試してみたい方はこちらのQRコードをご利用ください。(印刷しなくてもディスプレイから読み取れます)

このQRコードの内容は以下のとおりです。
文字列1行、リッチエディター、文字列複数行、1000、ラジオボタン1、チェックボックス1、複数選択1、ドロップダウン1、2019-9-1、07:00、2019-9-1 07:00、https://kintone.cybozu.co.jp/、ja、テスト用組織A、テスト用グループA、ルックアップ

更新情報

  • 2023/5/22 v1.0.0 リリース

QRコードは株式会社デンソーウェーブの登録商標です。