0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【#kintone100日チャレンジ】Day 10: モバイル入力を効率化する準備に「QRコードリーダー for kintone」を作ってみた

0
Last updated at Posted at 2026-04-10

day010.png

面倒解決エンジニアの森田ユウゴです。
台湾からお届けする「#kintone100日チャレンジ」の10日目。

👉 #kintone100日チャレンジの概要はこちら

本日は、スマホやタブレットで現場入力を行う現場作業員向けの「モバイルQRコードリーダー」プラグインを開発しました!
昨日Day009で作成したQRコードメーカーのQRコードを読み取る機能です。

「モバイルQRコードリーダー」について

🎯 なぜ開発したか?(現場の課題とベネフィット)

  • 現場の「不」: スマートフォンの小さな画面で、屋外や立ったままの状態で文字入力やドロップダウンの選択を行うのはストレスであり、入力ミスや作業遅延の大きな原因になります。
  • 導入後の世界(ベネフィット): 昨日のDay 9で開発した「QRコードメーカー」と連携し、生成されたQRコードをスマホカメラで読み取るだけで、レコードの各フィールドへ一瞬で自動入力!手入力によるストレスとミスを根絶し、現場のデータ登録作業を爆速化します!

✨ これで出来ること(機能概要)

まずはこちらをご覧ください。

  • スマホカメラでのQR読み取り機能: モバイル版のレコード追加・編集画面に「QR読取」ボタンを配置。ボタンをタップすると全画面のオーバーレイで端末の背面カメラが起動し、QRコードを連続解析します。
  • 読み取りデータの自動マージ(反映): jsQRライブラリを使用してデコードしたkintone JSON形式のデータを解析し、現在のレコードのフィールドへ型をチェックしながら安全に自動セットします。
  • 柔軟なボタン配置: プラグイン設定画面から、読み取りボタンの表示先を「ヘッダー領域」または「指定した複数のスペースフィールド」から選択可能。現場の使い勝手に合わせたUI設計が可能です。

課題

現時点では下記のような課題が残っています。

  • カメラ起動エラーのハンドリングと現場への配慮
    今回は前日の「009プロジェクト」のJSON仕様をベースに作成したため、AIとのバイブスコーディング自体は非常にスムーズで大きなトラブルはありませんでした。
  • 仕様の非柔軟性
    これは昨日作成したQRコードメーカーにも関連しますが、レコードデータだけを対象にしています。
    そのため、細かい状況ごとにQRコードを分ける必要があります。
    この点は何か改善できないか…。と思いながらDay10開発は終了します。

さいごに

Day 9で作った「生成」と本日の「読み取り」、この2つが組み合わさることでモバイル業務の自動化が一気に現実味を帯びてきますね。
この点は、具体的な必要とされる業務の解像度が低い所が悔やまれます…。

明日もお楽しみに!

下記のブログもご覧ください!
👉 【#kintone100日連続チャレンジ】AIにkintoneカスタマイズを100%任せたらどこまでいけるか?現役フリーランスの「100 Days of kintone Hacks」始動!
👉 ココナラで「kintone有資格者が導入や運用の相談にのります」サービスを開始します!

2026/4/15追記…下記の通り、ソースコードとプロンプトについては公開を停止します。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?