サーバーレス × フロントエンド 試行錯誤録 / serverless x frontend

Transcript

1. αʔόʔϨε
   º
   ϑϩϯτΤϯυ
   ࢼߦࡨޡ࿥ גࣜձࣾσΟʔɾΤψɾΤʔ
   
   
   ฏౢ
   ඒل
2. ࣗݾ঺հ ໊લɿ
 ฏౢ
   ඒلʢͻΒ͠·
   Έ͖ʣ
   ৬ۀɿ
   ϑϩϯτΤϯυΤϯδχΞ
   ग़਎஍ɿ
   
   
   
   
   
   
   
   ޷͖ͳ΋ͷɿ
   ෱Ԭ
   
   
   
   
   
   
   
   
   
   ͘·ɺອը
   ࠷ۙάοͱ͖ͨອըɿ
   ҟࠃ೔هɺѥ्ᩀɺͦͷணͤସ͑ਓܗ͸࿀Λ͢Δɺࢲͷগ೥ɺ #&"45"34ɺ#SFBE
   
   #VUUFS
3. ࠓ೔࿩͢͜ͱ 
   جຊͷߏ੒
   
   ඇΤϯδχΞʹΑΔαΠτߋ৽
   
   ໰͍߹Θͤػೳ
   
   ·ͱΊ
4. 
   جຊͷߏ੒
5. 
   πʔϧɾαʔϏε w/VYUKT
   w'JSFCBTF
   )PTUJOH
   w$MPVE
   'VODUJPOT
   w$JSDMF
   $*
   w4MBDL
6. 
   શମਤ ᶃ
   HJU
   QVTI ᶄ
   XFCIPPL ᶅ
   CVJME ᶆ
   EFQMPZ ᶇ
   OPUJpDBUJPO ։ൃऀ $MPVE
   'VODUJPOT 'JSFCBTF
   )PTUJOH /VYUKT $JSDMF
   $* (JUIVC 4MBDL ։ൃ؀ڥ΁ͷEFQMPZͷ৔߹ɺ
   CVJMEͨ͠ϑΝΠϧΛ
   GVODUJPOTEJTU
   ʹҠಈ
7. 
   ຊ൪؀ڥ ᶃ
   IUUQTLVNBDPN ᶄ
   JOEFYIUNM Ϣʔβʔ 'JSFCBTF
   )PTUJOH
8. 
   ։ൃ؀ڥ ᶃ
   IUUQTEFWLVNBDPN ᶆ
   JOEFYIUNM ᶄ
   SFXSJUF ᶅ
   DIFDL
   *1
   BEESFTT ᶆ
   IUNM ࣾ֎ͷਓ ࣾ಺ͷਓ $MPVE
   'VODUJPOT 'JSFCBTF
   )PTUJOH 0, /(
9. 
   ϋϚͬͨͱ͜Ζ w'JSFCBTFͷϓϩδΣΫτ໊ͷจࣈ਺੍ݶ
   Τϥʔϝοηʔδ͕෼͔Γʹͯ͘͘ɺจࣈ௒͍͑ͯΔࣄʹؾ෇͘ͷʹ
   ͔͔࣌ؒͬͨɻ
   w$MPVE
   'VODUJPOTͷσϓϩΠͷ࠷େαΠζ͕ .#
   IUUQTDMPVEHPPHMFDPNGVODUJPOTRVPUBT IMKBSFTPVSDF@MJNJUT
   ը૾Λͨ͘͞Μ࢖͏αΠτͩͱ.#௒͑ͯ͠·ͬͯσϓϩΠͰ͖ͳ͘ͳΔɻ
   ରࡦͱͯ͠ɺը૾͸)PTUJOHଆʹ࣋ͨͤΔΑ͏ʹͨ͠ɻ
10. 
    ඇΤϯδχΞʹΑΔ
    ɹ
    αΠτߋ৽
11. w$POUFOUGVM
    w-BNCEB
    w4MBDL 
    πʔϧɾαʔϏε
12. 
    $POUFOUGVMͱ͸ w)FBEMFTT
    $.4
    w"1*ܦ༝ͰίϯςϯπΛऔಘͰ͖ΔͷͰɺ
    ϑϩϯτଆ͸޷͖ͳݴޠͰ࣮૷Ͱ͖Δ
13. 
    ैདྷͷ$.4
    ͱ
    )FBEMFTT
    $.4 #BDLFOE
    6* "1* Ϣʔβʔ αΠτӡ༻ 'SPOUFOE 3FTU
    "1* 'SPOUFOE #BDLFOE Ϣʔβʔ αΠτӡ༻ $.4 )FBEMFTT
    $.4 ैདྷͷ$.4 )FBEMFTT
    $.4
14. 
    $POUFOUGVMແྉ൛ wεϖʔε
    wϢʔβʔ਺
    wϢʔβʔݖݶ
    w؀ڥ
    wϩέʔϧ wίϯςϯπλΠϓ
    wϨίʔυ਺
    wϩέʔϧ
    w"1*ݺͼग़͠
    wFOWJSPONFOUT χϡʔε͙Β͍ͳΒແྉ൛Ͱे෼ɻ
    NVMUJQMF
    FOWJSPONFOUTͱ͍͏ػೳ͕ɺHJUͷϒϥϯνͷΑ͏ͳ΋ͷͰɺ ։ൃɾຊ൪Ͱผ؀ڥͰίϯςϯπΛ؅ཧͰ͖Δɻ 
    
    
    
     
    
    
    ສ݄
    
15. 
    -BNCEBͱ͸ wαʔόϨεͰɺίʔυΛ࣮ߦͰ͖Δ"84ͷ αʔϏε
    wαʔόʔͷߏஙɾ؅ཧ͕ෆཁ
    w+4Ͱॻ͚Δ
16. 
    શମਤ ᶃ
    QVCMJTI ᶄ
    XFCIPPL ᶊ
    HFU
    DPOUFOUT ᶇ
    HJU
    UBH ᶋ
    EFQMPZ ᶉ
    CVJME ᶌ
    OPUJpDBUJPO ᶅ
    4MBDL
    "DUJPO
    "1* ᶆ
    SFQMZ ᶈ
    XFCIPPL 'JSFCBTF
    )PTUJOH /VYUKT $JSDMF
    $* (JUIVC 4MBDL $POUFOUGVM -BNCEB هࣄ͕ߋ৽͞Ε·ͨ͠ɻ
    σϓϩΠ͠·͔͢ʁ ͸͍
17. 
    ϋϚͬͨͱ͜Ζ w$POUFOUGVM
    "1*ͷMJNJU͋Γ
    αΠζͷେ͖͍ϑΝΠϧʢը૾΍1%'ͳͲʣ࢖͏৔߹ͳͲ஫ҙ͕ඞཁɻ
    IUUQTXXXDPOUFOUGVMDPNEFWFMPQFSTEPDTUFDIOJDBMMJNJUT
    w$POUFOUGVMͰෳ਺؀ڥΛ༻ҙͨ࣌͠ɺ
    ը໘্ͰNBTUFS΁Ϛʔδ͢Δػೳ͸ͳ͍
    4MBDLͰNJHSBUJPOίϚϯυΛ࣮ߦ͢ΔͱɺNJHSBUJPO
    "1*͕࣮ߦ͞ΕΔॲཧΛ -BNCEBͰ࣮૷ͨ͠ɻ
    w"84
    DPOTPMFͰҧ͏ϦʔδϣϯΛબ୒ͯͨ͠
    Ϧʔδϣϯ͕ҧ͏ͱɺ࣮૷ͨ͠-BNCEBͷؔ਺͕දࣔ͞Εͳ͍ͷͰɺফ͔͑ͨͱ ࢥͬͨɻ
18. 
    ໰͍߹Θͤػೳ
19. 
    πʔϧɾαʔϏε w"NB[PO
    4&4ʢ4JNQMF
    &NBJM
    4FSWJDFʣ
20. 
    "NB[PO
    4&4ͱ͸ w"NB[POͷϝʔϧૹड৴αʔϏε
    wࣗ෼ͰϝʔϧαʔόʔΛ༻ҙ͠ͳͯ͘ྑ͍
    wϨίʔυͷઃఆ͑͢͞Ε͹ɺϝʔϧͷૹ৴υ ϝΠϯೝূΛ4&4ଆͰ΍ͬͯ͘ΕΔ
21. 
    શମਤ ᶃ
    TFOE
    DPOUBDU
    GPSN ᶄ
    SFXSJUF ᶅ
    "NB[PO
    4&4
    "1* ᶆ
    TFOE
    FNBJM $MPVE
    'VODUJPOT 'JSFCBTF
    )PTUJOH "NB[PO
    4&4 ӡ༻ Ϣʔβʔ LVNBʹ͍ͭͯ
    ໰͍߹Θ͍ͤͨͷͰ͕͢ʙ ͓໰͍߹Θͤ
    ͋Γ͕ͱ͏͍͟͝·͢ʙ Ϣʔβʔ͔Β໰͍߹Θ͕ͤ ͋Γ·ͨ͠ʙ
22. 
    ϋϚͬͨͱ͜Ζ wͦ΋ͦ΋ૹ৴υϝΠϯೝূͷ࢓૊Έ͕
    Α͘෼͔ͬͯͳ͔ͬͨ
    41'ʁʁʁ%,*.ʁʁʁ%."3$ʁʁʁ
    wૹ৴੍ݶͷղআਃ੥͕ඞཁ
    σϑΥϧτͰ͸αϯυϘοΫε؀ڥʹͳ͍ͬͯͯɺݕূࡁΈͷϝʔϧΞυϨε ʹ͔͠ૹ৴Ͱ͖ͳ͍ɻ
    ͦͷͨΊɺ"NB[POଆʹૹ৴੍ݶͷղআਃ੥Λ͢Δඞཁ͕͋Δɻ
23. 
    ·ͱΊ
24. 
    ײ૝ w4&4࢖͏ͱ໰͍߹Θͤػೳͷ࣮૷͕ΊͪΌ͘ ͪΌ؆୯ʜʂ
    wϑϩϯτΤϯυΤϯδχΞ͚ͩͰ΋ɺΫϥ΢ υαʔϏεΛར༻͢Ε͹ग़དྷΔࣄ͕૿͑Δ
25. 
    αʔόʔϨεͷֶͼ 
    ͭͷํ๏ʹनΘΕͳ͍
    ࠓճ঺հͨ͠ߏ੒͕ɺͲͷαʔϏεʹ΋౰ͯ͸·Δ༁Ͱ͸ͳ͍ɻ
    ࡞ΔαʔϏεʹΑͬͯɺ߹͏߹Θͳ͍͕͋Δɻ
    
    ϝϦοτͱಉ͘͡Β͍σϝϦοτΛ஌Δ
    Α͋͘Γ͕ͪͳͷ͕ɺࣗ෼͕ಋೖ͍ͨ͠πʔϧͷϝϦοτɺଞ͸σϝϦοτ͹ ͔Γڍ͛Δύλʔϯɻ
    ׬ᘳͳπʔϧ͸ͳ͍ɻશͯʹϝϦοτɾσϝϦοτ͕͋Δɻ
    
    ਓͰ։ൃͯ͠ΔͱࢥΘͳ͍
    αʔϏεͷ༏ઌࣄ߲Λҙࣝ͢Δɻ
    ྫɿ࣮ݱ͍ͨ͠ࣄɺ։ൃεϐʔυɺίετͳͲɻ
26. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ͓͢͢Ίͷອըڭ͍͑ͯͩ͘͞