AWS AmplifyとNFCカードを使ってデジタル名刺を作る

AWS AmplifyとNFCカードを使ってデジタル名刺を作る 2025/03/21 JAWS-UG神戸#4 JAWS DAYS 2025 供養会髙橋　透

Name 髙橋　透 Community AWS Community Builders (Front-end Web and Mobile)
Tech • Java(本業) • AWS Amplify(趣味) Like お酒を飲む、0歳の息子氏を愛でる

私がJAWS DAYS 2025のCFPに提出した内容はこちら！！

タイトル「楽に名刺を管理！AWS AmplifyとNFCカードを使ってデジタル名刺を作る」アブスト私は名刺の管理が苦手です。増え続ける名刺をケースに入れ、あとから名刺を見返したときに「この人はどなたでしたっけ…」となることがよくあります。同じ悩みを抱えている方は世の中に多くいらっしゃるのではないでしょうか？本セッションでは、紙の名刺管理から卒業しクラウド上で管理するアプローチをご紹介します。AWS Amplify上のウェブアプリケーションを用いてデジタル名刺機能を提供しま
す。

熱い思い勉強会で名刺交換をしたはいいが、後から見返して「誰だっけ …？」となったことはありませんか？勉強会後の懇親会で楽しく話したあの人の名前がわからなくて翌日 SNSで検索したことはありませんか？私はあります。よくあります。そんな悩みを解決すべく、私はデジタル名刺を自作しました。プレーリーカード (https://prairie.cards)でいいのでは？と感じるかもしれませんが、プレーリーカードよりも安価で開発・運用できました。
折角勉強会で知り合えた仲間たちと疎遠になってしまわないよう、デジタル名刺で繋がりを持ちましょう！

要は紙の名刺から脱却してインターネット上で名刺のやりとりしようぜって話です

デジタル名刺のフローイメージ ※NFCカード・・・無線通信用の ICチップを埋め込んだカード。交通系 ICカードのようにピッとすると様々な情報を端末に送信することができる。

デジタル名刺の作り方

まずNFCカードを買います https://amzn.asia/d/9UqrABO

シールを作って装飾します Canvaで作りました

ポートフォリオサイトを作って公開します Frontend/Backend: Next.js Domain: Route 53 Hosting: Amplify AWS Amplify
Amazon Route 53

ポートフォリオサイトのURLをNFCカードに書き込みます

ここまでくればNFCカードをスマホにかざすとポートフォリオサイトに遷移する仕組みができます

ポートフォリオサイトから氏名を送信します Amazon DynamoDB

DBに保存した出会った人ログは私だけが参照可能管理画面にアクセス認証 Amazon Cognito

AWSアーキテクチャについて

AWSアーキテクチャ ※Amplifyに内包されたRoute 53, Cognitoは割愛

JAWS DAYSはだめでしたが私はまだ諦めていません！！！

大型イベントはまだまだありそう AWS Summit Tokyo JAWS FESTA AWS DevDay(?) 引き続きCFPに挑戦します！

ご清聴ありがとうございました

AWS AmplifyとNFCカードを使ってデジタル名刺を作る

AWS AmplifyとNFCカードを使ってデジタル名刺を作る

Toru Takahashi

More Decks by Toru Takahashi

Featured

Transcript