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
930
React初学者が知らない コンポーネント分割テクニック
tetsuyanegishi
1
490
リアルタイムデータベース Cloud Firestore入門
tetsuyanegishi
10
8.7k
ブロックチェーンのマイニングとはなにか
tetsuyanegishi
1
93
スクラム開発の手法と実例
tetsuyanegishi
0
240
Other Decks in Programming
See All in Programming
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
470
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
130
PicoRuby on Rails
makicamel
2
130
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
4k
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
150
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
生成AI時代のコンポーネントライブラリの作り方
touyou
1
210
XP, Testing and ninja testing
m_seki
3
240
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
650
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
800
Team operations that are not burdened by SRE
kazatohiei
1
310
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Producing Creativity
orderedlist
PRO
346
40k
Building an army of robots
kneath
306
45k
What's in a price? How to price your products and services
michaelherold
246
12k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Adopting Sorbet at Scale
ufuk
77
9.5k
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ʂ