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
Search
is_ryo
January 11, 2020
Programming
1
630
AppSyncで始めるGraphQL
is_ryo
January 11, 2020
Tweet
Share
More Decks by is_ryo
See All by is_ryo
生成AIとエンジニアの仕事と私~実践知を添えて~
is_ryo
0
76
Unknownのことをちゃんと知りたい_関西フロントエンド忘年会
[email protected]
× KINTOテクノロジーズ
is_ryo
0
36
tRPC入門
is_ryo
1
280
TypeScriptでWebAssemblyに入門しよう
is_ryo
0
290
Honoが良さそう🔥
is_ryo
1
1.2k
LambdaのNodejsをアップデートしたら困った話
is_ryo
2
1.3k
頑張らないオレオレVuex規約を作った話
is_ryo
4
2.8k
Other Decks in Programming
See All in Programming
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.3k
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
230
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
1
320
Devoxx BE - Local Development in the AI Era
kdubois
0
130
One Enishi After Another
snoozer05
PRO
0
130
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
270
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
170
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
9
1.7k
When Dependencies Fail: Building Antifragile Applications in a Fragile World
selcukusta
0
110
EMこそClaude Codeでコード調査しよう
shibayu36
0
230
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
310
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
33k
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Rails Girls Zürich Keynote
gr2m
95
14k
GitHub's CSS Performance
jonrohan
1032
470k
Being A Developer After 40
akosma
91
590k
Designing for Performance
lara
610
69k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
4 Signs Your Business is Dying
shpigford
185
22k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
The Language of Interfaces
destraynor
162
25k
Transcript
AppSyncで始めるGraphQL 2020/01/11 Kyoto.js #17 Ryosuke Izumi
Ryosuke Izumi ( is_ryo ) WebApplication / IoT AWS /
Vue / TypeScript / Serverless v-kansai organizer @is_ryo
今日のお伝えしたいこと
GraphQL はいいぞ。
GraphQL 使ったことありますか?
GraphQL
• APIのクエリ言語で、既存のデータでクエ リを実行するためのランタイム • レスポンスの内容を必要なものだけに指定 できる • あと特定のMutationをSubれる • Apolloとか有名(個人的見解)
None
AWS × GraphQL = ???
AWS × GraphQL = AppSync
AppSync
• AWSのサービスに対して、GraphQLで操作す るためのサービス • GraphQLを利用して、DynamoDBのデータを 操作したり、Lambdaをinvokeしたりすること ができる • 固定KeyやCognitoなどで認証をかけることが できる
AppSync のデプロイは AWS CDK が便利
AWS CDK
AWSCDK(Cloud Development Kit)は CloaudFormationのテンプレートファ イルを、TypeScriptやJavaScript、 Javaなどで書くことができるフレーム ワーク
None
くわしくはここらへんにソース置いてます https://github.com/ryo-is/cdk-templates /tree/master/lib/stacks/AppSync
そんな大層なんいらん…って方は AmplifyCLI が便利
https://aws-amplify.github.io/
https://aws-amplify.github.io/docs/
アプリから AppSync 使うのは Amplify Framework が便利
AWS Amplify Framework
https://aws-amplify.github.io/
https://aws-amplify.github.io/docs/
Vueでの使い方
Amplifyで利用するリソースの 設定ファイルを作る (AmplifyCLI でリソースをデプロイした場 合は自動的に生成されます)
main.ts でimportして有効化する
plugin にしてもいいかも
あとはよしなに使うだけ
まとめ
• AWSでGraphQLするならAppSync • AppSyncをデプロイするなら AWSCDK か AmplifyCLI • アプリからAppSyncを使うなら AmplifyFramework
• GraphQLはいいぞ
おわり