Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AppSync入門! GraphQL APIを作ってみた!
Search
Nao Masuya
October 26, 2023
Technology
3
900
AppSync入門! GraphQL APIを作ってみた!
AppSync,GraphQLの簡単な紹介です!
Nao Masuya
October 26, 2023
Tweet
Share
More Decks by Nao Masuya
See All by Nao Masuya
久しぶりのAWS!JAWS!初めてBedrockを触ってリハビリ!
masuchoku
0
7
AWS Summit 2025 の見どころを振り返る!
masuchoku
0
46
AWS TransferFamilyを使ってみた!
masuchoku
0
220
AWSを触ってきた数年間を振り返る!
masuchoku
1
260
Step Functionsと少し仲良くなってみた
masuchoku
1
470
API Gatewayと少し仲良くなってみた!
masuchoku
0
740
スライド作りから LTを楽しもう! エンジョイ、 エンジニアライフ!
masuchoku
1
490
APCのAWS認定マスターたちに聞いてみた
masuchoku
0
180
AWSとJenkinsおじさん で学んできたCI_CD
masuchoku
1
1.2k
Other Decks in Technology
See All in Technology
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
230
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
2
9.2k
SmartNewsにおける 1000+ノード規模 K8s基盤 でのコスト最適化 – Spot・Gravitonの大規模導入への挑戦
vsanna2
0
130
PO初心者が考えた ”POらしさ”
nb_rady
0
210
Delegating the chores of authenticating users to Keycloak
ahus1
0
140
生成AI開発案件におけるClineの業務活用事例とTips
shinya337
0
260
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
310
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
7.6k
Claude Code に プロジェクト管理やらせたみた
unson
6
4k
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
10
130k
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
4
13k
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
170
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Six Lessons from altMBA
skipperchong
28
3.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Designing Experiences People Love
moore
142
24k
Producing Creativity
orderedlist
PRO
346
40k
RailsConf 2023
tenderlove
30
1.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
Automating Front-end Workflow
addyosmani
1370
200k
Why Our Code Smells
bkeepers
PRO
336
57k
Transcript
AppSync入門! GraphQL APIを 作ってみた! 2023/10/25 JAWS UG 朝会 APCommunications 升谷直緒
Self Introduction 所属 株式会社エーピーコミュニケーションズ @apc_tweet
Self Introduction 株式会社 エーピーコミュニケーションズ システム基盤サービス事業本部 クラウド事業部 IaC技術推進部 升谷直緒 • 2020年新卒入社
• SIerとして4年目 • AWSは使い始めて3年目 • CI/CDの導入支援 • Webアプリの改善運用 • リモートワーク @masuchoku
JAWSに参加してみて 今年の3月ごろから月1ペースでJAWSに参加、LTは4回目です。 社外の人と関われる貴重な機会、 普段使わないAWSサービスに触れる、 アウトプットと向き合うことができる、 初心者にすごく優しいコミュニティ …な点がいいなと感じております!
本日は、、 GraphQL APIはこんなに簡単にAWSで作れるのか!? をお伝えしたいです! ぜひ今日お時間があれば作ってみてください...!
App Sync とは サーバレスにGraphQLを使用し、データベースに接続で きるサービス。 1 つの GraphQL API エンドポイントから
1 つ以上の データソースのデータにアクセスする。
クエリ言語とスキーマ言語で構成された Web APIの規格。 サーバーにデータを問い合わせることができる。 RESTの場合、必要のないデータまで取得してしまうため、大量 のデータを処理する必要があったため、 GraphQLが開発され た。 Facebook社によって2012年に開発がスタートし、 2015年にオー
プンソース化された。 GraphQL とは
REST と GraphQL REST GraphQL クエリ { user(id: 1) {
name } } レスポンス { "data": { "user": { "name": "Nao Masuya" } } } GETリクエスト GET /users レスポンス [ {"id": 1, "name": "Nao Masuya"}, {"id": 2, "name": "Simba"} ] 「単一のURLエンドポイント」にク エリを行えば、クエリに応じた データを返すことができる。
RESTを使う User API Gateway Lambda RDS ドラキュラはこういうユーザー • アプリケーションの規模が小さく、データがそれ ほど複雑ではない
• すべてのクライアントが同じように使用するデー タと操作がある • 複雑なデータクエリの必要がない https://aws.amazon.com/jp/compare/the-difference-between-graphql-and-rest/
DynamoDBの 参照・削除・更新がしたい クエリを書くだけ GraphQLを使う User App Sync DynamoDB ゾンビはこういうユーザー •
帯域幅に制限があり、リクエストとレスポンスの数を最小限に抑えたい • 複数のデータソースがあり、それらを 1 つのエンドポイントにまとめたい • クライアントのリクエストが大きく異なり、求められるレスポンスも大きく異なる https://aws.amazon.com/jp/compare/the-difference-between-graphql-and-rest/
AppSyncの実装はとても簡単 DynamoDBを選択 API名を決める クエリの要素を入力
クエリを実行 DynamoDBで確認
認証方法 API_KEY AWS_LAMBDA AWS_IAM OPENID_CONNECT AMAZON_COGNITO_USER_POOLS から選べます!
IAMを使った認証方法 IAM Policyを作成してUserに紐付ける { "Version": "2012-10-17", "Statement": [ { "Effect":
"Allow", "Action": [ "appsync:GraphQL" ], "Resource": [ "作成したAPIのarn:aws/*" // やりたい放題 "作成したAPIのarn:aws/types/Query/*” // 取得 "作成したAPIのarn:aws/types/Mutation/*” // 挿入更新削除 "作成したAPIのarn:aws/types/Subscription/*” // 監視 ] } ] }
CREDITS: This presentation template was created by Slidesgo, including icons
by Flaticon, infographics & images by Freepik Thank you! AppSync,GraphQLの簡単な紹介でした! Happy Halloween!
Resources • GraphQLとRESTの比較 ◦ https://hasura.io/learn/ja/graphql/intro-graphql/graphql-vs-rest/ • AWS AppSync の概要 ◦
https://docs.aws.amazon.com/ja_jp/appsync/latest/devguide/what-is-appsync.html • GraphQLとは?RESTとの違いや導入事例を紹介 ◦ https://udemy.benesse.co.jp/development/system/graphql.html • GraphQL と REST の違いは? ◦ https://aws.amazon.com/jp/compare/the-difference-between-graphql-and-rest/ • 承認と認証 ◦ https://docs.aws.amazon.com/ja_jp/appsync/latest/devguide/security-authz.html