【AppSheet】スマホでスキャンしたQRコードの情報をDynamoDBに登録するアプリを作ってみた

若槻龍太

2021.04.09

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

こんにちは、CX事業本部の若槻です。

今回は、ノーコード開発プラットフォームAppSheetを使用して、スマホでスキャンしたQRコードの情報をDynamoDBに登録するアプリを作ってみました。

やってみる

アプリ作成の準備

アプリ作成の準備としてAWS側とAppSheet側で下記の実装を行いました。手順は前回の記事の内容の記載のままですのでここでは省略します。

AWS側の実装
- DynamoDBテーブルの作成
- S3バケットの作成
- IAMポリシーの作成
- IAMユーザーの作成、ポリシーのアタッチ、APIキーの発行
AppSheet側の実装
- データソースの追加

DynamoDBテーブルは下記内容で作成しました。

テーブル名：scanned_data
パーティションキー：scannedContent

アプリの作成

続いてアプリを作成します。

DynamoDBテーブルとの接続

AppSheetのコンソールにアクセスし、[My apps]で[Make a new app]をクリックします。

するとダイアログが表示されます。

[Start with your own data]を選択します。

適当なアプリ名を入力し、[Choose your data]をクリックします。

アカウントに追加したデータソースを選択します。

[Tables]をクリックして展開します。

先程作成したDynamoDBテーブルを選択して接続します。

すると選択したテーブルをデータソースとしたアプリの編集を行うキャンバス画面が開きます。

カラムの定義

まずデータのカラムの定義を行います。[Data] - [Columns]タブで、[<テーブル名>]をクリックします。

ここでカラムを下記の通り指定します。

	NAME	TYPE	KEY?	LABEL?	SHOW?	EDITABLE?	REQUIRE?	INITIAL VALUE	SCAN?
1	_RowNumber	Number	No	No	No	No	Yes	-	No
2	scannedContent	Text	Yes	Yes	Yes	No	Yes	-	Yes
3	scannedAt	Text	No	No	Yes	No	Yes	TEXT(NOW(),"YYYY/MM/DDTHH:MM:SS")	No
4	scannedBy	Text	No	No	Yes	No	Yes	USEREMAIL()	No
5	scannedLocale	LatLong	No	No	Yes	No	Yes	HERE()	No

SCAN?にチェックを入れたカラムは、データ編集時にカメラによるコードのスキャンにより値を入力できるようになります。

INITIAL VALUEの指定により、scannedAtはスキャン時の日時、scannedByはスキャンしたユーザー、scannedLocaleはスキャンした緯度経度が自動で入力されるようにしています。これによりQRコードの情報と合わせて「いつ」「どこで」「誰が」読み取ったのかを記録することができます。