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

Transcript

1. AWS AmplifyとNFCカードを 使ってデジタル名刺を作る 2025/03/21 JAWS-UG神戸#4 JAWS DAYS 2025 供養会 髙橋　透
2. Name 髙橋　透 Community AWS Community Builders (Front-end Web and Mobile) Tech • Java(本業) • AWS Amplify(趣味) Like お酒を飲む、0歳の息子氏を愛でる
3. 私がJAWS DAYS 2025のCFPに提出した 内容はこちら！！
4. タイトル 「楽に名刺を管理！AWS AmplifyとNFCカードを使ってデジタル名刺を作る」 アブスト 私は名刺の管理が苦手です。増え続ける名刺をケースに入れ、あとから名刺を見返し たときに「この人はどなたでしたっけ…」となることがよくあります。同じ悩みを抱えている 方は世の中に多くいらっしゃるのではないでしょうか？ 本セッションでは、紙の名刺管理から卒業しクラウド上で管理するアプローチをご紹介し ます。AWS Amplify上のウェブアプリケーションを用いてデジタル名刺機能を提供しま す。
5. 熱い思い 勉強会で名刺交換をしたはいいが、後から見返して「誰だっけ …？」となったことはありません か？勉強会後の懇親会で楽しく話したあの人の名前がわからなくて翌日 SNSで検索したことは ありませんか？ 私はあります。よくあります。 そんな悩みを解決すべく、私はデジタル名刺を自作しました。プレーリーカード (https://prairie.cards)でいいのでは？と感じるかもしれませんが、プレーリーカードよりも安価で 開発・運用できました。 折角勉強会で知り合えた仲間たちと疎遠になってしまわないよう、デジタル名刺で繋がりを持ち ましょう！
6. 要は 紙の名刺から脱却して インターネット上で名刺のやりとりしようぜ って話です
7. デジタル名刺のフローイメージ ※NFCカード・・・無線通信用の ICチップを埋め込んだカード。交通系 ICカードのようにピッとすると様々な情 報を端末に送信することができる。
8. デジタル名刺の作り方
9. まずNFCカードを買います https://amzn.asia/d/9UqrABO
10. シールを作って装飾します Canvaで作りました
11. ポートフォリオサイトを作って公開します Frontend/Backend: Next.js Domain: Route 53 Hosting: Amplify AWS Amplify Amazon Route 53
12. ポートフォリオサイトのURLをNFCカードに書き込みます
13. ここまでくればNFCカードをスマホにかざすと ポートフォリオサイトに遷移する仕組みができます
14. ポートフォリオサイトから 氏名を送信します Amazon DynamoDB
15. DBに保存した出会った人ログは私だけが参照可能 管理画面に アクセス 認証 Amazon Cognito
16. AWSアーキテクチャについて
17. AWSアーキテクチャ ※Amplifyに内包されたRoute 53, Cognitoは割愛
18. JAWS DAYSはだめでしたが 私はまだ諦めていません！！！
19. 大型イベントはまだまだありそう AWS Summit Tokyo JAWS FESTA AWS DevDay(?) 引き続きCFPに挑戦します！
20. ご清聴ありがとうございました