Upgrade to Pro — share decks privately, control downloads, hide ads and more …

2020.03-サーバーレスWebアプリ制作で学ぶAppSync

Avatar for w2or3w w2or3w
April 24, 2020
0
310

 2020.03-サーバーレスWebアプリ制作で学ぶAppSync

Avatar for w2or3w

w2or3w

April 24, 2020
Tweet

More Decks by w2or3w

See All by w2or3w
2021.09-DeployDeGo!!
Avatar for w2or3w w2or3w
0
21
2021.08-CICD-01
Avatar for w2or3w w2or3w
0
55
2021.06-Deploy-de-Go!!
Avatar for w2or3w w2or3w
0
30
2021.04-YOTEIASOBI vol.1 (Amplify, Cognito, Google Calendar)
Avatar for w2or3w w2or3w
0
280
2020.12-浜松IT合同勉強会2020
Avatar for w2or3w w2or3w
0
270
2020.10-にゃーにゃーマップvol.4(Uber H3 Index)
Avatar for w2or3w w2or3w
0
390
2020.09-JAWS UG SONIC(コロナ対策サイト+にゃーにゃーマップvol.3)
Avatar for w2or3w w2or3w
0
310
2020.07-にゃーにゃーマップvol.2(CloudSearch)
Avatar for w2or3w w2or3w
0
310
2020.06-にゃーにゃーマップvol.1
Avatar for w2or3w w2or3w
0
300

Featured

See All Featured
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
580
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
930
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.4k

Transcript

  1. サーバーレスWebアプリ制作で学ぶ AppSync 2020.03.27→04.24 JAWS UG 浜松 2or3

  2. 自己紹介 2or3 (ツカサ) 2(ツー) or(~か) 3(サン) アプリケーションエンジニア です。 最近サーバーレスWebアプリ制作にお熱です！ 去年7月頃からJAWS

    UG浜松に 顔を出しているモノです。 よろしくおねがいします。 もうすぐ 10ヶ月！

  3. 自己紹介 最初の2,3ヶ月 ぼんやり参加 　↓ 9月頃 何かやらねば → 〜10, 11, 12月

    ダッシュで制作 ＆進捗報告at勉強会 　↓ みなぎってきてる (37才)

  4. サーバーレスWebアプリ 『Mosaic』とは？ • JAWS UG浜松で発表するために制作した • AWSを活用したサーバーレスWebアプリ • 顔・文字を抽出し、選んでモザイクをかける •

    絶賛学習 & 拡張中 https://mosaic.w2or3w.com

  5. まずはデモします。 https://mosaic.w2or3w.com ※モバイル推奨

  6. サーバーレスWebアプリ『Mosaic』 アーキテクチャの変化 https://mosaic.w2or3w.com 着手から3ヶ月 ひとまず完成時

  7. サーバーレスWebアプリ『Mosaic』 アーキテクチャの変化 https://mosaic.w2or3w.com それから3ヶ月 いろいろと変わった 特に AppSync

  8. AppSyncとは？ • 単一のエンドポイントを持つWebAPI • AWSのマネージドサービス • GraphQLでアクセス • MQTT over

    WebSocket • CRUDはもちろん、リアルタイム同期の機能を提供 • きめ細かなアクセスコントロール • 様々なデータソースを操作可能 • オフラインでのデータ同期・キャッシング

  9. AppSync 何が変わった？ 1. 複数の認証モードを使い分けた 2. リゾルバーによる制御を加えた 3. データソースを追加して呼び分けた

  10. AppSync ① 複数の認証モードを使い分けた https://aws.amazon.com/jp/about-aws/whats-new/2019/05/aws-appsync-now -supports-configuring-multiple-authorization-type/

  11. AppSync ① 複数の認証モードを使い分けた APIキーだけだった ↓ APIキー APIキー

  12. AppSync ① 複数の認証モードを使い分けた APIキーだけだった ↓ フロントエンド側 Cognito認証 バックエンド側 IAM認証 Cognito認証

    IAM認証

  13. AppSync ① 複数の認証モードを使い分けた https://qiita.com/w2or3w/items/6fe0828cd44b31f1c482

  14. AppSync ② リゾルバーによる制御を加えた https://docs.aws.amazon.com/ja_jp/appsync/latest/devguide/resolver-mappin g-template-reference-overview.html

  15. AppSync ② リゾルバーによる制御を加えた レコードの自動削除時間ってサーバー側の要件なのに、 クライアント側に求めさせるって何か変だよな、、。 30分後にレコードを消したい

  16. AppSync ② リゾルバーによる制御を加えた 30分後にレコードを消したい 呼び出し元クライアントの CognitoユーザーID設定や、 入力値のバリデーションなんかもここにかけます！

  17. AppSync ② リゾルバーによる制御を加えた https://qiita.com/w2or3w/items/ea217a404becfd0da87f

  18. AppSync ③ データソースを追加して呼び分けた https://aws.amazon.com/jp/appsync/

  19. AppSync ③ データソースを追加して呼び分けた モザイク処理のLambdaを 実行するために API Gatewayを利用 ↓

  20. AppSync ③ データソースを追加して呼び分けた モザイク処理のLambdaを 実行するために API Gatewayを利用 ↓ AppSyncへ Lambdaを呼び出す

    データソースを追加した

  21. AppSync ③ データソースを追加して呼び分けた https://qiita.com/w2or3w/items/54b5c84bed05d614629e

  22. サーバーレスWebアプリ制作で学ぶ AppSync Have a nice AppSync life!

  23. Thank You !!