Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

3d944ac176998af7e7b116993d06cdd1?s=128

Tetsuya Negishi

January 19, 2019
Tweet

Transcript

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

  2. ࣗݾ঺հ • ࠜ؛ప໵ • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲౰ •

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

    ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε
  4. αʔόϨε΁ͷϞνϕʔγϣϯ • ϑϩϯτΤϯυͷ͜ͱʹ஫ྗ͍ͨ͠ • αʔόଆͷ͜ͱ͸͋·Γߟ͑ͨ͘ͳ͍ • API͸୭ཱ͔͓͍ͯͯͯ΄͍͠ • Πϯϑϥ͸ద౰ʹ΍ͬͱ͍ͱ͍ͯ΄͍͠

  5. None
  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ʂ