「SORACOM UG Online Handson #1 ～スマホで顔認証編～」に参加しました

Tweet

久しぶりのSORACOM UG勉強会に参加しました。

SORACOM Air メタデータサービス機能とは

ソラコム maxさん

メタデータサービスはシステム開発で役に立つサービス。
SORACOMでのメタデータは、SIMのメタ情報。
SIMそのものから見た時にいっこ外側の情報ということですね。

回線管理の自動化や設定情報の配布に使用できる。
タグとユーザーデータを取得できるうちのユーザーデータを使ってハンズオンをするそうです。
楽しみ♫

ハンズオン

手順はこちら、SORACOM回線を使ったスマートフォンとAWSサービスを用いた画像認識サービスを構築するです。

環境

私は、直接スマートフォンにSIMを差さずにSORACOM plan-DU SIMをSpeed Wi-Fi NEXT W05で使ってみるで設定したSpeed Wi-Fi NEXT W05ルーターをWiFiで使ってハンズオンしてみました。

ハンズオン本編

ソースコードはGithubIoTkyoto/soracom-ug-reko-handsonにあります。

Step1 Cloud9起動してCLI

東京リージョンで手順はt2.microでしたが、けちってt3.nanoのCloud9を起動しました。
CloudShellでもできるだろうという話でしたが、CloudShell向けの手順はまだ作ってないということでCloud9利用でした。

Githubからソースをcloneして、CLIのバージョン確認でStep1は完了です。
ちなみに本日時点でのCLIバージョンはaws-cli/1.18.223 Python/2.7.18 Linux/4.14.214-160.339.amzn2.x86_64 botocore/1.19.63でした。

Step2 S3バケットとRekognitionコレクションの作成

S3バケットをマネジメントコンソールで作成して、プロフィール写真を1枚アップロード。
そしてCLIからRekognitionのコレクションを作成しました。
そのコレクションにS3バケットにアップロードしたプロフィール写真をインデックスしました。

Rekognitionコレクションはじめて使いましたが、比較対象のマスタ画像として使うことができるのですね。
CompareFacesでは2つのオブジェクトを指定しますが、その方法よりもマスタ管理がすっきりできますし、何千枚も元となる画像に総当りしようとすると、ロジックがめちゃめちゃ大変になる

Step3 顔認証用のWeb API(Lambda+API Gateway)を作成

Lambdaが使用するIAMロールに次のようなインラインポリシーを追加するのですが、手順はアカウントがアスタリスクでした。
ですが、ここはRekognitionのコレクション指定なので、アカウントIDは指定しておいても大丈夫ですよね。
なので、指定しました。

API Gatewayは使用量プランを使いますので、APIキー必須にしています。

Step4 SORACOMメタデータサービスを設定する

メタデータサービスの有効化はSIMグループに対して設定するのですね。
JSON形式のユーザーデータを登録しました。

JavaScriptアプリケーションで、SORACOMのメタデータにアクセスして先程のユーザーデータを取得しているのですね。
なるほど。
ここで理解できました。
こうすることで、SIMグループに設定した独自の情報(ユーザーデータ)をクライアントアプリケーションに個別に渡せるのですね。

こんなユーザーデータを設定しました。

このユーザーデータをこちらのコード
soracom-ug-reko-handson/webapp/src/components/SearchFacesSoracom.vueの、getSoracomMetadataで取得しています。

Step5 動作確認

S3で運営によって用意していただいているハンズオン用デモアプリにスマートフォンからアクセスします。

まずは、SORACOMのSIMではない回線で。
SORACOMメタデータが取得できないエラーになりました。

WiFiをSORACOMメタデータを設定したSIMがささっているWi-Fi NEXT W05に変更して画面更新したところ、ユーザーデータに設定した、APIエンドポイントとAPIキーが取得できています。

今の顔写真をアップロードしました。
二日酔いでぼさぼさです。

Rekognitionのコレクションに設定したのはこちらの宣材写真です。

メガネもしてませんし、いやあさわやかですね。

９９．４５％で一致しました。
すごいですね〜

まとめ

最後は記念写真です！

勉強会ってやっぱりいいですね。
質問や意見交換もできるし。

本編とは関係ないですが、今回のフロントエンドで使われてたVue.jsの勉強を始めたいなあと思ってて、相談したらこちらの本をおすすめいただきました。
さっそく購入したので、勉強開始するっす。

SORACOM-UG運営の皆さま、ありがとうございました！

最後までお読みいただきましてありがとうございました！

【PR】 「AWS認定試験対策 AWS クラウドプラクティショナー」という本を書きました。

【PR】 「AWSではじめるLinux入門ガイド」という本を書きました。

【PR】 「ポケットスタディ AWS認定 デベロッパーアソシエイト」という本を書きました。

【PR】 「AWS認定資格試験テキスト＆問題集　AWS認定ソリューションアーキテクト - プロフェッショナル」という本を書きました。

@yamamanx

開発ベンダー5年、ユーザ企業システム部門通算9年、ITインストラクター5年目でプロトタイプビルダーもやりだしたSoftware Engineerです。
質問はコメントかSNSなどからお気軽にどうぞ。
出来る限りなるべく答えます。

このブログの内容/発言の一切は個人の見解であり、所属する組織とは関係ありません。
このブログは経験したことなどの共有を目的としており、手順や結果などを保証するものではありません。
ご参考にされる際は、読者様自身のご判断にてご対応をお願いいたします。

また、勉強会やイベントのレポートは自分が気になったことをメモしたり、聞いて思ったことを書いていますので、登壇者の意見や発表内容ではありません。