GraphCMS + Node.js

GraphCMS で GraphQL API、Node.js でアプリケーションを作り、Elastic Beanstalkで環境構築。

Transcript

1. (SBQI$.4
   
   /PEF &MBTUJD
   #FBOTUBMLͰ؀ڥߏங /PEFֶԂ
   ࣌ݶ໨
2. '6+*5"
   5BLBTIJ
   'SPOUFOE
   8FC
   &OHJOFFS
   OBNF
   !UHGKU
   ࣗݾ঺հ (JU)VC +BWB4DSJQU
    (SBQI$.4
   
   /PEF
3. (SBQI$.4
   
   /PEF ࠷ۙͷ͓࢓ࣄ w ෳ਺8FCαΠτͷ؅ཧ
   w ϫʔΫϑϩʔվળ
   ฐ͕ࣾ؅ཧ͍ͯ͠Δ8FCαΠτ͸ͦΕͳΓʹ਺͕͋Γ
   ·ͩΤϯδχΞ͕͍ͳ͍࣌୅ʹ࡞ΒΕͨҨ࢈΋ʜ
   อकɾӡ༻͕൥ࡶʹͳΓ͕ͪ
   ϑϩϯτΤϯυʼόοΫΤϯυͷۀ຿ෛՙ
4. 8PSE1SFTT͔Βͷஔ͖׵͑ w ੩తʹߏஙɾӡ༻͕Մೳͳ΋ͷ
   
   /FUMJGZ
   w ΦϯϥΠϯߋ৽ɾΤσΟλ͕ඞཁͳ΋ͷ
   
   
   w ӡ༻୲౰Λߟ͑Δͱɺ(JUͷར༻Λલఏʹ͸ग़དྷͳ͍
   w +FLZMMͳͲͷδΣωϨʔλྨͰ͸೉͍͠ (SBQI$.4
   
   /PEF
5. w ϩάΠϯͯ͠ΦϯϥΠϯͰهࣄ͕ॻ͚ͯ
   w σϓϩΠपΓؚΊɺ؀ڥߏங͕ͳΔ΂ָ͘Ͱ
   w σʔλͷ
   *NQPSU&YQPSU
   ΋ग़དྷΔͱྑ͍ͳ͊ʜ /FUMJGZ$.4
   (IPTU
   ,FZTUPOF+4
   (P
   
   ("&
   8PSE1SFTTDPN +40/
   "1*
   $SBGU$.4
   #VUUFS$.4
   EKBOHP
   $.4
   FUD
   FUDʜ ɻɻ (SBQI$.4
   
   /PEF
7. IUUQTHSBQIDNTDPNCMPHHSBQIDNTWTXPSEQSFTTBDPNQBSJTPO
8. (SBQI2-
   "1*
   ͱ
   (6*ΤσΟλʂʁ ! 
   
   41"
   /PEFαʔό
   
   
   'SPOUFOE
   ٕज़͕׆͔͠΍͍͢ (SBQI$.4
   
   /PEF
9. (SBQI$.4
   
10. w (SBQI2-
    "1*
    Λ͓ؾܰ࡞੒
    w (6*
    ͰϙνϙνͱϞσϧΛఆٛ
    w ίϯςϯπΛΦϯϥΠϯ(6*ΤσΟλͰ࡞੒ IUUQTHSBQIDNTDPN (SBQI$.4
    
    /PEF
13. (SBQIJ2-
    ΋͋ΔΑ (SBQI$.4
    
    /PEF
14. (SBQI2-
    *%& w ϓϩδΣΫτ؅ཧ
    w *NQPSU&YQPSU
    w ΫΤϦΛอଘ
    w ΫΤϦཤྺ
    w $VTUPN
    IFBEFST
    w ؀ڥม਺
    GPS
    EZOBNJD
    IFBEFST (SBQI$.4
    
    /PEF
15. ඍົʹϋϚͬͨ఺ʜ w Bearer
    ͷޙʹʮ:ʯ͸ཁΒͳ͍
    w {auth_token}
    ͡Όͳ͘
    {{auth_token}} (SBQI$.4
    
    /PEF
16. (SBQIDPPM
    ͱͷҧ͍ w Ϟσϧఆ͕ٛ
    (6*
    w ίϯςϯπΤσΟλ͕༻ҙ͞Ε͍ͯΔ (SBQI$.4
    
    /PEF
17. ໰୊఺ʢݱ࣌఺ʣ
    w .BSLEPXO
    ͷ
    $PEF#MPDL
    ͕յΕΔ
    w 3JDI&EJUPS
    ͷվߦ͕૿৩ ͢Δ (SBQI$.4
    ͷྑ͠ѱ͠ w (6*
    ʹΑΓɺ(SBQI2-
    Λ஌ Βͳ͍ঢ়ଶͰ΋ૢ࡞Մೳ
    w ͨ͘·͍͠αϙʔτ
    όάνέοτɾཁ๬νέοτ͸ɺ (JU)VCʹ
    *OUFSDPNɾ4MBDLͰؾܰʹνϟο ταϙʔτ ྑ͍ͱ͜Ζ (SBQI$.4
    
    /PEF
18. (SBQI$.4
    ͦͷଞ w 3PBENBQ
    ͸࡞੒தΒ͍͠
    w 8FCαΠτϦχϡʔΞϧͱಉ࣌ʹެ։
    w ͦΕ·Ͱ͸͜ͷԼ෦ʹ
    IUUQTHSBQIDNTDPNCMPHXIBUTOFXJOHSBQIDNT
    w ը૾Ճ޻΋Մೳʢճస΍ɺإೝࣝ΅͔͠ʣ
    w 8FCIPPL
    ػೳ΋͋Δ (SBQI$.4
    
    /PEF
19. "QPMMP
    $MJFOU w 4FSWFS
    TJEF
    Ͱ࢖͏৔߹ͷ஫ҙ
 
 global.fetch = require(‘node-fetch’)
 // fetch ͕ແ͍ͱౖΒΕͪΌ͏ʼʻ ɹnpm i -S apollo-client graphql-tag (SBQI$.4
    
    /PEF
20. (SBQI$.4
    
    /PEF
21. w ߴ଎
    
    ϓϥάΠϯʢ&YQSFTT
    ͷͱޓ׵ੑΞϦʣ
    w 4DIFNB
    ϕʔε
    w 1JOP
    Ͱ
    -PHHJOH
    | pino-colada w ͕͔ͩ͠͠ɺະͩ
    
    Λ
    +40/
    Ͱ͔͠ฦͤͣʂ (SBQI$.4
    
    /PEF
22. (SBQI$.4
    
    /PEF
23. &MBTUJD
    #FBOTUBML ͱ
    "$.
    Ͱ͓खܰ)5514؀ڥ (SBQI$.4
    
    /PEF
24. /PEFKT൛
    &# w BQQKT
    
    TFSWFSKT
    
    OQN
    TUBSU
    ͕
    ࣗಈ&OUSZ1PJOU
    w /PEFKT
    ͷόʔδϣϯΛϓϧμ΢ϯͰબ୒
    w "VUPTDBMJOH
    w eb init
    ͯ͠ɺeb deploy ͰσϓϩΠ
    w ؅ཧը໘Ͱखܰʹɺ؀ڥม਺ɾOHJOY
    ઃఆ (SBQI$.4
    
    /PEF
25. "84
    $FSUJpDBUF
    .BOBHFS ׳ΕΕ͹෼Ͱ)5514
     BENJO!EPNBJO
    ͰϝʔϧΛड͚औΔΑ͏ʹ४උ
     υϝΠϯͰূ໌ॻϦΫΤετ
     "NB[PO
    ͔Βϝʔϧड৴
    ˍ
    ঝೝ
     &C
    ͷ
    ϩʔυόϥϯαʔઃఆͰܨ͙͚ͩ (SBQI$.4
    
    /PEF
26. (SBQI$.4
    
    /PEF ·ͱΊ w ϛχϚϜʹ࢝ΊΒΕΔ
    w (SBQI2-
    ͷࢼݧಋೖͱͯ͠΋༗༻
    w ڊେͳϝϯςίετΛճආ
    w 'SPOUFOE
    ٕज़Λ׆͔͠΍͍͢
    w ։ൃɾӡ༻Λ
    'SPOUFOE
    ϦιʔεͰղܾ
27. (SBQI$.4
    
    /PEF ͱ͜ΖͰʜ πΫϧόͰ͸ΤϯδχΞΛืू͍ͯ͠·͢ʂ IUUQUTVLVSVCBDPNDBSFFST
28. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
29. (SBQI$.4
    
    /PEF ࢀߟ w IUUQTHSBQIDNTDPN
    w IUUQTHSBQIDNTDPNCMPHHSBQIDNTWTXPSEQSFTTBDPNQBSJTPO
    w IUUQTHSBQIDNTDPNCMPHXIBUTOFXJOHSBQIDNT
    w IUUQTHJUIVCDPNSFEPVOEHSBQIRMJEF
    w IUUQEFWBQPMMPEBUBDPN
    
    w IUUQTHJUIVCDPNGBTUJGZGBTUJGZ
    
    w IUUQTBXTBNB[PODPNFMBTUJDCFBOTUBML
    w IUUQTBXTBNB[PODPNDFSUJpDBUFNBOBHFS