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
620
AppSyncで始めるGraphQL
is_ryo
January 11, 2020
Tweet
Share
More Decks by is_ryo
See All by is_ryo
生成AIとエンジニアの仕事と私~実践知を添えて~
is_ryo
0
66
Unknownのことをちゃんと知りたい_関西フロントエンド忘年会
[email protected]
× KINTOテクノロジーズ
is_ryo
0
27
tRPC入門
is_ryo
1
260
TypeScriptでWebAssemblyに入門しよう
is_ryo
0
270
Honoが良さそう🔥
is_ryo
1
1.1k
LambdaのNodejsをアップデートしたら困った話
is_ryo
2
1.3k
頑張らないオレオレVuex規約を作った話
is_ryo
4
2.8k
Other Decks in Programming
See All in Programming
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
CDK引数設計道場100本ノック
badmintoncryer
2
590
MySQL9でベクトルカラム登場!PHP×AWSでのAI/類似検索はこう変わる
suguruooki
1
250
リッチエディターを安全に開発・運用するために
unachang113
1
270
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
530
Reactの歴史を振り返る
tutinoko
1
150
MCPで実現できる、Webサービス利用体験について
syumai
7
2.2k
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
350
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
11
3k
なぜあなたのオブザーバビリティ導入は頓挫するのか
ryota_hnk
3
520
Prompt Engineeringの再定義「Context Engineering」とは
htsuruo
0
110
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
40
15k
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
40
1.9k
Visualization
eitanlees
146
16k
Fireside Chat
paigeccino
37
3.5k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
Building an army of robots
kneath
306
45k
Become a Pro
speakerdeck
PRO
29
5.4k
Designing for humans not robots
tammielis
253
25k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
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はいいぞ
おわり