Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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

Avatar for w2or3w w2or3w
April 24, 2020
0
320

 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
24
2021.08-CICD-01
Avatar for w2or3w w2or3w
0
58
2021.06-Deploy-de-Go!!
Avatar for w2or3w w2or3w
0
34
2021.04-YOTEIASOBI vol.1 (Amplify, Cognito, Google Calendar)
Avatar for w2or3w w2or3w
0
290
2020.12-浜松IT合同勉強会2020
Avatar for w2or3w w2or3w
0
280
2020.10-にゃーにゃーマップvol.4(Uber H3 Index)
Avatar for w2or3w w2or3w
0
400
2020.09-JAWS UG SONIC(コロナ対策サイト+にゃーにゃーマップvol.3)
Avatar for w2or3w w2or3w
0
320
2020.07-にゃーにゃーマップvol.2(CloudSearch)
Avatar for w2or3w w2or3w
0
330
2020.06-にゃーにゃーマップvol.1
Avatar for w2or3w w2or3w
0
310

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
0
740
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.2k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
740
Side Projects
Avatar for Sacha Greif sachag
455
43k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
380
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
540
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k

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 !!