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
AWS Amplifyで作るサーバーレスバックエンド
Search
Tetsuya Negishi
January 19, 2019
Programming
3
1.9k
AWS Amplifyで作るサーバーレスバックエンド
「JavaScriptつまみ食い LT 会 #4 ~ つまみ食い LT 大会!」の登壇資料です。
https://cherrypick-js.connpass.com/event/112099/
Tetsuya Negishi
January 19, 2019
Tweet
Share
More Decks by Tetsuya Negishi
See All by Tetsuya Negishi
SOLIDから考える良いコンポーネントの設計原則
tetsuyanegishi
1
1.5k
React Hooksで美しいコードを書く / Writing beautiful code using React Hooks
tetsuyanegishi
0
190
TypeScriptの型定義が JavaScriptのバグを駆逐する
tetsuyanegishi
3
940
React初学者が知らない コンポーネント分割テクニック
tetsuyanegishi
1
500
リアルタイムデータベース Cloud Firestore入門
tetsuyanegishi
10
8.8k
ブロックチェーンのマイニングとはなにか
tetsuyanegishi
1
98
スクラム開発の手法と実例
tetsuyanegishi
0
240
Other Decks in Programming
See All in Programming
All About Angular's New Signal Forms
manfredsteyer
PRO
0
200
iOSでSVG画像を扱う
kishikawakatsumi
0
150
オープンソースソフトウェアへの解像度🔬
utam0k
17
3.1k
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
190
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
320
CSC305 Lecture 10
javiergs
PRO
0
220
Webサーバーサイド言語としてのRustについて
kouyuume
0
3.5k
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
140
Go言語はstack overflowの夢を見るか?
logica0419
0
510
Introduce Hono CLI
yusukebe
6
3k
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
520
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
16
6.5k
Featured
See All Featured
KATA
mclloyd
PRO
32
15k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
RailsConf 2023
tenderlove
30
1.3k
For a Future-Friendly Web
brad_frost
180
10k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
We Have a Design System, Now What?
morganepeng
53
7.8k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Balancing Empowerment & Direction
lara
5
700
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Docker and Python
trallard
46
3.6k
Transcript
AWS AmplifyͰ࡞Δ αʔόʔϨεόοΫΤϯυ JavaScriptͭ·Έ৯͍ LT ձ #4 ࠜ؛ప
ࣗݾհ • ࠜ؛ప • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲ •
ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε
ࣗݾհ • ࠜ؛ప • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲ •
ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε
αʔόϨεͷϞνϕʔγϣϯ • ϑϩϯτΤϯυͷ͜ͱʹྗ͍ͨ͠ • αʔόଆͷ͜ͱ͋·Γߟ͑ͨ͘ͳ͍ • API୭ཱ͔͓͍ͯͯͯ΄͍͠ • Πϯϑϥదʹͬͱ͍ͱ͍ͯ΄͍͠
None
͡Ίʹ • ຊͷΰʔϧ • AWS AmplifyΛ͏ͱͲΜͳ͜ͱ͕Ͱ͖Δ͔ཧղ • ར༻͢Δͱ͖ͷͬ͘͟Γงғؾ • ͞ͳ͍͜ͱ
• ۩ମతͳ͍ํ • ެࣜυΩϡϝϯτΑΜͰͶ • https://aws-amplify.github.io/
AWS Amplifyͱ • WebϑϩϯτΤϯυɾϞόΠϧ͚AWSΞϓϦέʔ γϣϯΛߏங͢ΔͨΊͷแׅతͳϥΠϒϥϦ • AWS൛ Firebase
AWS Amplifyͱ • WebϑϩϯτΤϯυɾϞόΠϧ͚AWSΞϓϦέʔ γϣϯΛߏங͢ΔͨΊͷแׅతͳϥΠϒϥϦ • AWS൛ Firebase
ಛ • AWSͷڥߏஙΛ؆ૉԽɾநԽ • ཪͰͲΜͳAWSͷαʔϏε͕ಈ͍͍ͯΔ͔ ʢ͋·Γʣҙࣝͤͣʹ༻Մ AppSync DynamoDB S3
AWS AmplifyͷπʔϧɾαʔϏε • CLIπʔϧ • ϑϩϯτΤϯυ(ΞϓϦɾWeb)։ൃऀ͚ όοΫΤϯυߏஙɾσϓϩΠπʔϧ • JavaScriptϥΠϒϥϦ/iOS Android
SDK • AWSαʔϏεͷΠϯλʔϑΣΠεϥΠϒϥϦ • AWS Amplify Console ← ࠓ৮Εͳ͍ • ੩తϖʔδͷϗεςΟϯά
AuthenticationΛͬͯΈΔ ϩʔΧϧͷϓϩδΣΫτʹ ઃఆϑΝΠϧΛੜ AWS্ʹσϓϩΠ
AuthenticationΛͬͯΈΔ(ΞϓϦέʔγϣϯ) • ϢʔβωʔϜɾύεϫʔυΛ͚ͩ͢Ͱ αΠϯΠϯ/αΠϯΞοϓ͕Մೳ • ϝʔϧ֬ೝSMSೝূ͑Δ
APIΛཱͯͯΈΔ ϩʔΧϧͷϓϩδΣΫτʹ ઃఆϑΝΠϧΛੜ AWSʹσϓϩΠ
APIΛཱͯͯΈΔ(ΫΤϦϑΝΠϧ)
APIΛཱͯͯΈΔ(ΞϓϦέʔγϣϯ)
Firebaseͱͷൺֱͯ͠ྑ͍ͱ͜Ζ • APIཱ͕ͯΕΔ • Graph QLREST ͷ༷ʹԊ͏͜ͱ͕Ͱ͖Δ • FirestoreRealtime DatabaseΠϯλʔϑΣΠεͷ
༷͕ಠಛ • όοΫΞοϓ͕औΓ͍͢ • ϞόΠϧ͚ͩͰͳͯ͘WebϑϩϯτΤϯυʹରԠ • React,VueͳͲͷϑϨʔϜϫʔΫͷαϙʔτް͍
Firebaseͱͷൺֱͯ͠ྑ͘ͳ͍ͱ͜Ζ • AWSͷ͕ࣝଟগඞཁ • AWSͷݖݶपΓษڧ͠ͳ͍ͱා͍ • Authenticateͷ࣮Firebaseͷ΄͏͕༰қ • ಛʹGoogleΞΧϯτΛ͏߹
·ͱΊ
·ͱΊ • AWSαʔϏεΛ؆ૉԽɾநԽ͢Δπʔϧ • ͲΜͳαʔϏε্ཱ͕͕͍ͪͬͯΔ͔ ҙࣝͤͣʹ͑Δ • ίϚϯυΛୟ͚ͩ͘Ͱڥߏங • amplify
add ʓʓ • amplify push ʓʓ
Thank youʂ