はじめてのSPAを サーバーレスで作る with AngularJS + S3 + Lambda + API Gateway + Route 53

JAWS-UG沖縄 真夏の熱すぎるサーバレス祭り！ 2016年08月 の発表資料です。

1. ͸͡Ίͯͷ41"Λ
 αʔόʔϨεͰ࡞Δ :POBTIJSP
   :VV
   BLB
   !DMPOFLP
   BU
   +"846(
   0LJOBXB
   
2. ࣗݾ঺հ w ᢛಹ৓
   ༤
   BLB
   !DMPOFLP
   w Πϯϑϥ԰͞Μ೥͘Β͍ͱ
 ઐ໳ֶߍͷߨࢣ೥͘Β͍
 ΍ͬͯ·ͨ͠ɻ ։ൃܦݧͳ͠
   w ޷͖ͳ"84ͷαʔϏε͸
 4ͱ3PVUFɻ
3. ࠓ೔ͷྲྀΕ w 8FCΞϓϦΛ࡞Δ࣌ͷߏ੒
   #FGPSF"GUFS
   w 41"ΛαʔόʔϨεͰ࡞ͬͯΈͨ࿩
   w "84Λ࢖ͬͯϋϚͬͨͱ͜
   w ࡞ͬͯΈͯࢥͬͨ͜ͱ
4. 8FCΞϓϦΛ࡞Δ࣌ͷߏ੒
   #FGPSF"GUFS
5. 8FCΞϓϦ࡞Δ࣌ʹඞཁͳḉ ඦઓ࿉ຏͳօ༷ʹ͸؆୯͗͢Δ͓࿩ͩͱࢥ͍·͕͢ʜ
   w ϦΫΤετ͞ΕͨϑΝΠϧΛఏڙ͢Δ
   
   
   
   
   
   αʔόʔ
   w ϦΫΤετʹԠͯ͡ϓϩάϥϜΛ࣮ߦ͢Δ@@@@αʔόʔ
   w ໊લղܾͷͨΊͷ
   
   
   
   
   
   αʔόʔ
6. 8FCΞϓϦ࡞Δ࣌ʹඞཁͳḉ ඦઓ࿉ຏͳօ༷ʹ͸؆୯͗͢Δ͓࿩ͩͱࢥ͍·͕͢ʜ
   w ϦΫΤετ͞ΕͨϑΝΠϧΛఏڙ͢Δ8FCαʔόʔ
   w ϦΫΤετʹԠͯ͡ϓϩάϥϜΛ࣮ߦ͢Δ"1αʔόʔ
   w ໊લղܾͷͨΊͷ%/4αʔόʔ
7. 8FCΞϓϦ΁ͷΞΫηεͷྲྀΕ ྫ
   5XJUUFSʹΞΫηεͯ͠ΈΔ %/4αʔόʔ UXJUUFSDPNͷ*1ΞυϨεڭ͑ͯΑ ͔
 ͩΑ 8FCαʔόʔ  UXJUUFSDPNͷίϯςϯπ͍ͩ͘͞ ͸͍Αͬ
8. 8FCΞϓϦ΁ͷΞΫηεͷྲྀΕ ྫ
   5XJUUFSʹΞΫηεͯ͠ΈΔ 8FCαʔόʔ  UXJUUFSDPNͷίϯςϯπ͍ͩ͘͞ ͸͍Αͬ ͋ͬɺ!DMPOFLP͞Μͩɻ !DMPOFLP͞Μ༻ͷ5-࡞Δ ϓϩάϥϜ࣮ߦͯ͠౉͞ͳ ͖Ό
 Ͱ΋ը૾ͱ͔͸อଘͯ͋͠ Δͷͦͷ··౉ͪ͠Ό͑͹ 0,ͩΑͶ ϓϩάϥϜͰ࡞ͬͨσʔλ ੩తϑΝΠϧ
9. 8FCΞϓϦ࡞Δ࣌ʹඞཁͳḉ ඦઓ࿉ຏͳօ༷ʹ͸؆୯͗͢Δ͓࿩ͩͱࢥ͍·͕͢ʜ
   w ϦΫΤετ͞ΕͨϑΝΠϧΛఏڙ͢Δ8FCαʔόʔ
   w ϦΫΤετʹԠͯ͡ϓϩάϥϜΛ࣮ߦ͢Δ"1αʔόʔ
   w ໊લղܾͷͨΊͷ%/4αʔόʔ
10. αʔόʔͰಈ͔࣌͢ͷߏ੒ w ϦΫΤετ͞ΕͨϑΝΠϧΛఏڙ͢Δ8FCαʔόʔ
    w "QBDIF
    )551
    4FSWFS
    
    OHJOY
    
    .JDSPTPGU
    **4
    FUDʜ
    w ϦΫΤετʹԠͯ͡ϓϩάϥϜΛ࣮ߦ͢Δ"1αʔόʔ
    w $(*͍ͬͯ͏ͷ͕͋ͬͨؾ͕͢Δʜ
    
    NPE@YYY ಛʹQIQ 

    5PNDBUͳͲαʔϒϨοτίϯςφ +BWBͱ͔
    
    ଞ͍Ζ͍Ζ
    w ໊લղܾͷͨΊͷ%/4αʔόʔ
    w CJOE
    
    6OCPVOE
    
    /4%
    
    EKCEOTͬͯͷ͕͋ͬͨؾ ͕͢Δʜ
    
    ଞ͍Ζ͍Ζ
11. ΞϓϦ࡞ͬͯಈ͔͍ͨ͠ʜ
 ͦΕ͚ͩͳΜͩ w αʔόʔͷηοτΞοϓͱ͔͸·͊ɺ࡞ͬͨΞϓϦ ಈ্͔͢Ͱ͸ઈରඞཁͰ͢ΑͶʜ
    w ͚ͩͲɺαʔόʔͷҡ࣋ɾӡ༻ͷͨΊͷ஌ࣝ΋ษڧ ͠ͳ͖Ό͍͚ͳ͍ʜͷ
    w νʔϜͷதʹઐ໳ͷਓ͕͍ΔͳΒ͍͍͚Ͳʜ
12. αʔόʔϨεͳΒ
13. αʔόʔϨεʹͳΔͱมΘΔ͜ͱ w αʔόʔͷηοτΞοϓͱ͔͸·͊ɺ࡞ͬͨΞϓϦಈ্͔͢Ͱ ͸ઈରඞཁͰ͢ΑͶʜ
    w ηοτΞοϓͱ͔͸ݮΒͤΔɻ
 ͕ɺಈ͔͢؀ڥʹ߹ΘͤͨΞϓϦͷ։ൃΛ͠ͳ͍ͱ͍͚ͳ͘ͳΔ ·͊ͲΜͳΞϓϦͰ΋ ಉ͡Ͱ͕͢
    w ͚ͩͲɺαʔόʔͷҡ࣋ɾӡ༻ͷͨΊͷ஌ࣝ΋ษڧ͠ͳ͖Ό͍ ͚ͳ͍ʜͷ
    w ಈ͔͢؀ڥͷಛੑ͸஌Δඞཁ͸͋Δ͕ɺ΄ͱΜͲ؅ཧ͸͠ͳͯ͘ྑ͘ͳΔʜͱ͍͍ͳ͊ʜ
    w νʔϜͷதʹઐ໳ͷਓ͕͍ΔͳΒ͍͍͚Ͳʜ
    w ˢͱಉ͡ײ͡
14. αʔόʔϨεͷߏ੒ "84റΓ w ϦΫΤετ͞ΕͨϑΝΠϧΛఏڙ͢Δ8FCαʔόʔ
    w 4
    w ϦΫΤετʹԠͯ͡ϓϩάϥϜΛ࣮ߦ͢Δ"1αʔόʔ
    w -BNCEB
    
    "1*
    (BUFXBZ
    w ໊લղܾͷͨΊͷ%/4αʔόʔ
    w 3PVUF
15. 41"ΛαʔόʔϨεͰ࡞ͬ ͯΈͨ࿩
16. ͦ΋ͦ΋41"ͬͯ ඦઓ࿉ຏͳօ༷ʹ͸؆୯͗͢Δ͓࿩ͩͱࢥ͍·͕͢ʜ
    w 4
    
    
    
    
    
    
    
    1
    
    
    
    
    
    8FC "
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ͷུশͰ͢ɻ
17. ͦ΋ͦ΋41"ͬͯ ඦઓ࿉ຏͳօ༷ʹ͸؆୯͗͢Δ͓࿩ͩͱࢥ͍·͕͢ʜ
    w 4JOHMF
    1BHF
    8FC "QQMJDBUJPOͷུশͰ͢ɻ
18. Ͱɺ4JOHMFͳΜͱ͔ͬͯԿΑ w ௨ৗͷ8FCΞϓϦ͸ը໘ͷભҠͷࡍʹϖʔδશମ ΛαʔόʔʹϦΫΤετ͠·͢ɻ
    w ͬͯͳΔͱ)5.-΍Β+4΍Β$44΍Βը૾΍Β શ෦ϩʔυ͠ͳ͓͠͠ͳ͖ΌͳΒͳ͍ɻ
    w ޮ཰ѱ͘ͳ͍
19. 41"͡Όͳ͍ྫ 8JLJQFEJB ίϯςϯπͷ෦෼Ҏ֎ڞ௨͡ΌͶ 
 ίϯςϯπͷ෦෼͚ͩσʔλऔಘͯ͠ॻ͖׵͑ͨΒϦΫ Τετ਺ݮΒͤΔΜ͡ΌͶ
    ˠ
    Ϣʔβʔͷମײతʹշ దʹͳΔΜ͡ΌͶ
20. 41"ʹ͢Δͱ w ࠩ෼͚ͩऔ͖ͬͯͨΓɺ৘ใΛΞϓϦଆʹૹͬͨ࣌ ʹ͢΂ͯͷཁૉ )5.-ࣗମɾ+4ը૾$44 ΛΛऔ ಘ͠ͳ͍͍ͯ͘ͷͰɺແବͳϦΫΤετ͕ݮΔ
    w Ϣʔβʔͷମײ଎౓্͕͕Δ
    w αʔόʔͷෛՙ΋ݮΒͤΔ ద੾ʹ࡞ΕͯΕ͹ Ͷʜ
21. Ͱɺ࡞ͬͯΈ·ͨ͠ w $#5 $PNQVUFS
    #BTF
    5FTUJOH ΞϓϦDMPCVUBΛ ։ൃͯ͠Έ·ͨ͠ɻ
22. DMPCVUBͬͯԿ w $#5 $PNQVUFS
    #BTF
    5FTUJOH γϛϡϨʔλʔ
    w Α͏͸໛ٖࢼݧΛίϯϐϡʔλʔͰ΍Δౕ
    w ΋ͱ΋ͱ͸$6*ͷ΋ͷ͕͋ͬͨͷΛ8FCͰͰ͖ΔΑ͏ʹ͠ ͔ͨͬͨɻ
    w IUUQCVUBDMPOFLPDPN
    ͰΞΫηεͰ͖·͕͢ɺಈ͖·ͤ Μ ޙड़
    w ΫϥΠΞϯτଆͷίʔυ͸(JUIVCʹ͋Γ·͢ɻ
 IUUQTHJUIVCDPNDMPOFLPEBZT@OE
23. αʔόʔϨεଆ؀ڥ w ੩తϑΝΠϧͷ഑৴
    4
    w ໰୊σʔλͷ഑৴ ޙड़ 
    "1*
    (BUFXBZܦ༝-BNCEB Ͱ4ʹ͋Δ+40/σʔλΛऔಘ
    w %/4αʔόʔ
    3PVUF
24. ΫϥΠΞϯταΠυ w ZFPNBOͷ"OHVMBS+4ͷδΣωϨʔλʔͰ਽ܗੜ੒
    w $P⒎FF4DSJQUͰهड़
    w HSVOUͰσϓϩΠ༻σʔλͷੜ੒4΁ͷసૹ
25. ΍ͬͯΔ͜ͱ w ΍Γ͍ͨࢼݧΛબ୒ͨ͠Β໰୊σʔλ +40/ Λऔ ಘͯ͠ࢼݧ΍ͬͯɺ࠾఺͍ͯ͠Δ͚ͩͰ͢ɻ
26. ΍ͬͯΔ͜ͱ w ΍Γ͍ͨࢼݧΛબ୒ͨ͠Β໰୊σʔλ +40/ Λऔ ಘͯ͠ࢼݧ΍ͬͯɺ࠾఺͍ͯ͠Δ͚ͩͰ͢ɻ
27. "1*
    (BUFXBZ
    
    -BNCEBͰ ΍ͬͯΔ͜ͱ w ࣄલʹύεϫʔυΛ஌ͬͯΔਓʹ͔͠໰୊σʔλͷ ϦΫΤετΛฦ͞ͳ͍Α͏ʹ"1*
    (BUFXBZܦ༝ͷ -BNCEBͰύεϫʔυνΣοΫΛߦͳ͏ɻ
    w ਖ਼͍͠ύεϫʔυ͕ϦΫΤετʹؚ·Ε͍ͯΕ͹໰ ୊σʔλ͕อଘ͞Ε͍ͯΔ4όέοτ͔Β+40/ ϑΝΠϧΛऔಘͯ͠ฦ٫͢ΔΑ͏ʹ͍ͯ͠Δɻ
    w ਖ਼௚ɺˢͷࣄ৘͕ແ͚Ε͹4Ͱ׬݁͠·͢ɻ
28. ྲྀΕ ໰୊σʔλͷϦΫΤετ
 ໰୊*%
    
    ύεϫʔυ ໰୊*%
    
    ύεϫʔυ ύεϫʔυ͕ਖ਼͚͠Ε͹
 ໰୊σʔλ +40/ ΛϦΫΤετ ໰୊σʔλ+40/ ໰୊σʔλ+40/ ໰୊σʔλ+40/ ͜Ε͕΍Γ͍͚ͨͩͳͷʹαʔόʔ্ཱͪ͛Δͷ΋അࣛഅࣛ͠ ͍Ͱ͢ΑͶ
29. "1*
    (BUFXBZ
    
    -BNCEBͰ ΍Γ͍ͨ͜ͱ w ੒੷Λσʔλϕʔεʹ֨ೲͯ͠෼ੳ͍ͨ͠
    w Ͳͷ໰୊͕Αؒ͘ҧ͍ͬͯΔ͔ͱ͔෼ੳ͍ͨ͠ʜ
    w ઈࢍอཹதͰ͢PS[
30. "84Λ࢖ͬͯϋϚͬ ͨͱ͜Ζ
31. "84
    "1*
    (BUFXBZΛ ࢖ͬͯϋϚͬͨͱ͜Ζ
32. ͠ΐͬͪΎ͏๨Εͯ൓ө͞ΕͶʔͬͯΩϨͯΔʜ
33. ͍Ζ͍Ζղܾࡦ͋Δʜ w ઌఔͷηογϣϯͰग़ͨ4JNQMF
    "1*
    (BUFXBZͱ͔ 4FSWFSMFTT
    'SBNFXPSL࢖͑͹Ͱ͖Δ΍ΜʜPS[
    w ੢ౡ͞Μͷηογϣϯ
    IUUQXXXTMJEFTIBSFOFU,PJDIJSP/JTIJKJNB BXTMBNCEBJOHPMBOH
    w র԰͞Μͷηογϣϯ
    IUUQXXXTMJEFTIBSFOFUOBPUPUFSVZB TFSWFSMFTTGSBNFXPSLOPEFKT
34. ͕ฦͤͳ͍ʜ w ౷߹ϨεϙϯεͰύεϫʔυ͕ ؒҧ͍ͬͯΔ࣌ʹ  'PSCJEEFO Λฦͦ͏ͱࢥͬ ͯΛฦ͢Α͏ʹઃఆ͢Δͱ Λฦ͞ͳ͍ ฦ͢ ʜ
    w Ҏ֎ͩͱͪΌΜͱಈ͍ͨ ͷͰɺෆຊҙ͚ͩͲʹ͠ ͯ·͢ʜ
35. αʔόʔϨε΍ͬͯΈ ͯࢥͬͨ͜ͱ
36. αʔόʔͷҡ࣋͠ͳ͍͍ͯ͘ʜ w Πϯϑϥ԰͞Μతʹࢮ׆؂ࢹͨ͠Γɺαʔόʔͷε ςʔλε؂ࢹͨ͠Γ͍Ζ͍Ζߟ͕͑ͪʹͳ͚ͬͯͨ Ͳɺ΄΅Կ΋ؾʹ͠ͳͯ͘΋͍͍ͷ͸௒ָɻ
    w ·͊ɺམͪͯͯ΋ͦΜͳʹจ۟ݴ͏ਓ͍ΔΑ͏ͳ ΋ΜͰ΋ͳ͍͔ΒͶʜ
    w %/4αʔόʔࣗ෼Ͱ࣋ͭΑΓ3PVUFʹ·͔ͤͯ Δ΄͏͕ѹ౗తʹָɻ͏Μɻ
37. ಛੑ͖ͪΜͱ஌ΒΜͱਏ͍ w -BNCEB͸·ͩૉ௚ͳײ͡ɻ
    w "1*
    (BUFXBZ͸ͳΜ͔͠ΐʔ΋ͳ͍ͱ͜Ͱͻ͔͔ͬΔɻ
    w ͋ͱ͸ṖɻཧղͰ͖ͳ͍͜ͱ΋ͳ͍͚Ͳɻ
    w "1*
    (BUFXBZ͍ͬͯ͏͘Β͍ͳͷͰ"1*Ҏ্ͷ͜ͱΛ͞ ͤΔͷ͸ଟ෼ແཧͳΜͩΖ͏ͳɻ
    w 41"ͱ͸૬ੑ͍͍͔΋ɻ
38. ·ͱΊ
39. ·ͱΊ w αʔόʔϨεɺӡ༻ָɻख์͠Ͱ͸ͳ͍͚Ͳɻ
    w 41"ͱαʔόʔϨεͷ૬ੑ͸Αͦ͞͏ɻ͚ͩͲ࢖͏ ؀ڥͷ͜ͱͪΌΜͱ஌͓ͬͯ͘ඞཁ͸͋Δɻ