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
95
スクラム開発の手法と実例
tetsuyanegishi
0
240
Other Decks in Programming
See All in Programming
自作OSでDOOMを動かしてみた
zakki0925224
1
1.3k
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
120
GitHub Copilotの全体像と活用のヒント AI駆動開発の最初の一歩
74th
7
2.4k
Bedrock AgentCore ObservabilityによるAIエージェントの運用
licux
9
610
대규모 트래픽을 처리하는 프론트 개발자의 전략
maryang
0
120
Infer入門
riru
4
1.4k
画像コンペでのベースラインモデルの育て方
tattaka
3
1.6k
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
270
React 使いじゃなくても知っておきたい教養としての React
oukayuka
18
5.6k
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
segadevtech
3
830
Constant integer division faster than compiler-generated code
herumi
2
590
管你要 trace 什麼、bpftrace 用下去就對了 — COSCUP 2025
shunghsiyu
0
380
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How to Ace a Technical Interview
jacobian
278
23k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Writing Fast Ruby
sferik
628
62k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Agile that works and the tools we love
rasmusluckow
329
21k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
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ʂ