AWS Amplifyで作るサーバーレスバックエンド

「JavaScriptつまみ食い LT 会 #4 ～ つまみ食い LT 大会！」の登壇資料です。
https://cherrypick-js.connpass.com/event/112099/

Transcript

1. AWS AmplifyͰ࡞Δ
 αʔόʔϨεόοΫΤϯυ JavaScriptͭ·Έ৯͍ LT ձ #4 
 ࠜ؛ప໵
2. ࣗݾ঺հ • ࠜ؛ప໵ • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲౰ • ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε
3. ࣗݾ঺հ • ࠜ؛ప໵ • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲౰ • ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε
4. αʔόϨε΁ͷϞνϕʔγϣϯ • ϑϩϯτΤϯυͷ͜ͱʹ஫ྗ͍ͨ͠ • αʔόଆͷ͜ͱ͸͋·Γߟ͑ͨ͘ͳ͍ • API͸୭ཱ͔͓͍ͯͯͯ΄͍͠ • Πϯϑϥ͸ద౰ʹ΍ͬͱ͍ͱ͍ͯ΄͍͠
6. ͸͡Ίʹ • ຊ೔ͷΰʔϧ • AWS AmplifyΛ࢖͏ͱͲΜͳ͜ͱ͕Ͱ͖Δ͔ཧղ • ར༻͢Δͱ͖ͷͬ͘͟Γงғؾ • ࿩͞ͳ͍͜ͱ • ۩ମతͳ࢖͍ํ • ެࣜυΩϡϝϯτΑΜͰͶ • https://aws-amplify.github.io/
7. AWS Amplifyͱ͸ • WebϑϩϯτΤϯυɾϞόΠϧ޲͚AWSΞϓϦέʔ γϣϯΛߏங͢ΔͨΊͷแׅతͳϥΠϒϥϦ • AWS൛ Firebase
8. AWS Amplifyͱ͸ • WebϑϩϯτΤϯυɾϞόΠϧ޲͚AWSΞϓϦέʔ γϣϯΛߏங͢ΔͨΊͷแׅతͳϥΠϒϥϦ • AWS൛ Firebase
9. ಛ௃ • AWSͷ؀ڥߏஙΛ؆ૉԽɾந৅Խ • ཪͰͲΜͳAWSͷαʔϏε͕ಈ͍͍ͯΔ͔͸
 ʢ͋·Γʣҙࣝͤͣʹ࢖༻Մ AppSync DynamoDB S3
10. AWS AmplifyͷπʔϧɾαʔϏε • CLIπʔϧ • ϑϩϯτΤϯυ(ΞϓϦɾWeb)։ൃऀ޲͚
 όοΫΤϯυߏஙɾσϓϩΠπʔϧ • JavaScriptϥΠϒϥϦ/iOS Android SDK • AWSαʔϏε΁ͷΠϯλʔϑΣΠεϥΠϒϥϦ • AWS Amplify Console ← ࠓ೔͸৮Εͳ͍ • ੩తϖʔδͷϗεςΟϯά
11. AuthenticationΛ࢖ͬͯΈΔ ϩʔΧϧͷϓϩδΣΫτʹ
 ઃఆϑΝΠϧΛੜ੒ AWS্ʹσϓϩΠ
12. AuthenticationΛ࢖ͬͯΈΔ(ΞϓϦέʔγϣϯ) • ϢʔβωʔϜɾύεϫʔυΛ౉͚ͩ͢Ͱ
 αΠϯΠϯ/αΠϯΞοϓ͕Մೳ • ϝʔϧ֬ೝ΍SMSೝূ΋࢖͑Δ
13. APIΛཱͯͯΈΔ ϩʔΧϧͷϓϩδΣΫτʹ
 ઃఆϑΝΠϧΛੜ੒ AWSʹσϓϩΠ
14. APIΛཱͯͯΈΔ(ΫΤϦϑΝΠϧ)
15. APIΛཱͯͯΈΔ(ΞϓϦέʔγϣϯ)
16. Firebaseͱͷൺֱͯ͠ྑ͍ͱ͜Ζ • APIཱ͕ͯΕΔ • Graph QL΍REST ͷ࢓༷ʹԊ͏͜ͱ͕Ͱ͖Δ • Firestore΍Realtime Database͸ΠϯλʔϑΣΠεͷ ࢓༷͕ಠಛ • όοΫΞοϓ͕औΓ΍͍͢ • ϞόΠϧ͚ͩͰͳͯ͘WebϑϩϯτΤϯυʹ΋ରԠ • React,VueͳͲͷϑϨʔϜϫʔΫ΁ͷαϙʔτ΋ް͍
17. Firebaseͱͷൺֱͯ͠ྑ͘ͳ͍ͱ͜Ζ • AWSͷ஌͕ࣝଟগඞཁ • AWSͷݖݶपΓ͸ษڧ͠ͳ͍ͱා͍ • Authenticateͷ࣮૷͸Firebaseͷ΄͏͕༰қ • ಛʹGoogleΞΧ΢ϯτΛ࢖͏৔߹
18. ·ͱΊ
19. ·ͱΊ • AWSαʔϏεΛ؆ૉԽɾந৅Խ͢Δπʔϧ • ͲΜͳαʔϏε্ཱ͕͕͍ͪͬͯΔ͔
 ҙࣝͤͣʹ࢖͑Δ • ίϚϯυΛୟ͚ͩ͘Ͱ؀ڥߏங • amplify add ʓʓ • amplify push ʓʓ
20. Thank youʂ