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

by Tetsuya Negishi

Embed

Start on current slide

Slide 1

Slide 1 text

AWS AmplifyͰ࡞Δ  αʔόʔϨεόοΫΤϯυ JavaScriptͭ·Έ৯͍ LT ձ #4   ࠜ؛ప໵

Slide 2

Slide 2 text

ࣗݾ঺հ • ࠜ؛ప໵ • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲౰ • ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε

Slide 3

Slide 3 text

ࣗݾ঺հ • ࠜ؛ప໵ • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲౰ • ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε

Slide 4

Slide 4 text

αʔόϨε΁ͷϞνϕʔγϣϯ • ϑϩϯτΤϯυͷ͜ͱʹ஫ྗ͍ͨ͠ • αʔόଆͷ͜ͱ͸͋·Γߟ͑ͨ͘ͳ͍ • API͸୭ཱ͔͓͍ͯͯͯ΄͍͠ • Πϯϑϥ͸ద౰ʹ΍ͬͱ͍ͱ͍ͯ΄͍͠

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

͸͡Ίʹ • ຊ೔ͷΰʔϧ • AWS AmplifyΛ࢖͏ͱͲΜͳ͜ͱ͕Ͱ͖Δ͔ཧղ • ར༻͢Δͱ͖ͷͬ͘͟Γงғؾ • ࿩͞ͳ͍͜ͱ • ۩ମతͳ࢖͍ํ • ެࣜυΩϡϝϯτΑΜͰͶ • https://aws-amplify.github.io/

Slide 7

Slide 7 text

AWS Amplifyͱ͸ • WebϑϩϯτΤϯυɾϞόΠϧ޲͚AWSΞϓϦέʔ γϣϯΛߏங͢ΔͨΊͷแׅతͳϥΠϒϥϦ • AWS൛ Firebase

Slide 8

Slide 8 text

AWS Amplifyͱ͸ • WebϑϩϯτΤϯυɾϞόΠϧ޲͚AWSΞϓϦέʔ γϣϯΛߏங͢ΔͨΊͷแׅతͳϥΠϒϥϦ • AWS൛ Firebase

Slide 9

Slide 9 text

ಛ௃ • AWSͷ؀ڥߏஙΛ؆ૉԽɾந৅Խ • ཪͰͲΜͳAWSͷαʔϏε͕ಈ͍͍ͯΔ͔͸  ʢ͋·Γʣҙࣝͤͣʹ࢖༻Մ AppSync DynamoDB S3

Slide 10

Slide 10 text

AWS AmplifyͷπʔϧɾαʔϏε • CLIπʔϧ • ϑϩϯτΤϯυ(ΞϓϦɾWeb)։ൃऀ޲͚  όοΫΤϯυߏஙɾσϓϩΠπʔϧ • JavaScriptϥΠϒϥϦ/iOS Android SDK • AWSαʔϏε΁ͷΠϯλʔϑΣΠεϥΠϒϥϦ • AWS Amplify Console ← ࠓ೔͸৮Εͳ͍ • ੩తϖʔδͷϗεςΟϯά

Slide 11

Slide 11 text

AuthenticationΛ࢖ͬͯΈΔ ϩʔΧϧͷϓϩδΣΫτʹ  ઃఆϑΝΠϧΛੜ੒ AWS্ʹσϓϩΠ

Slide 12

Slide 12 text

AuthenticationΛ࢖ͬͯΈΔ(ΞϓϦέʔγϣϯ) • ϢʔβωʔϜɾύεϫʔυΛ౉͚ͩ͢Ͱ  αΠϯΠϯ/αΠϯΞοϓ͕Մೳ • ϝʔϧ֬ೝ΍SMSೝূ΋࢖͑Δ

Slide 13

Slide 13 text

APIΛཱͯͯΈΔ ϩʔΧϧͷϓϩδΣΫτʹ  ઃఆϑΝΠϧΛੜ੒ AWSʹσϓϩΠ

Slide 14

Slide 14 text

APIΛཱͯͯΈΔ(ΫΤϦϑΝΠϧ)

Slide 15

Slide 15 text

APIΛཱͯͯΈΔ(ΞϓϦέʔγϣϯ)

Slide 16

Slide 16 text

Firebaseͱͷൺֱͯ͠ྑ͍ͱ͜Ζ • APIཱ͕ͯΕΔ • Graph QL΍REST ͷ࢓༷ʹԊ͏͜ͱ͕Ͱ͖Δ • Firestore΍Realtime Database͸ΠϯλʔϑΣΠεͷ ࢓༷͕ಠಛ • όοΫΞοϓ͕औΓ΍͍͢ • ϞόΠϧ͚ͩͰͳͯ͘WebϑϩϯτΤϯυʹ΋ରԠ • React,VueͳͲͷϑϨʔϜϫʔΫ΁ͷαϙʔτ΋ް͍

Slide 17

Slide 17 text

Firebaseͱͷൺֱͯ͠ྑ͘ͳ͍ͱ͜Ζ • AWSͷ஌͕ࣝଟগඞཁ • AWSͷݖݶपΓ͸ษڧ͠ͳ͍ͱා͍ • Authenticateͷ࣮૷͸Firebaseͷ΄͏͕༰қ • ಛʹGoogleΞΧ΢ϯτΛ࢖͏৔߹

Slide 18

Slide 18 text

·ͱΊ

Slide 19

Slide 19 text

·ͱΊ • AWSαʔϏεΛ؆ૉԽɾந৅Խ͢Δπʔϧ • ͲΜͳαʔϏε্ཱ͕͕͍ͪͬͯΔ͔  ҙࣝͤͣʹ࢖͑Δ • ίϚϯυΛୟ͚ͩ͘Ͱ؀ڥߏங • amplify add ʓʓ • amplify push ʓʓ

Slide 20

Slide 20 text

Thank youʂ