Gatsby + Netlify CMSで 爆速blog開発

Meguro.es #14 @ CrowdWorksでの登壇資料
https://meguroes.connpass.com/event/80656/

@Twitter
https://twitter.com/__sakito__

Transcript

1. (BUTCZ/FUMJGZ$.4Ͱ
   ര଎CMPH։ൃ
   NFHVSPFT
   

   View Slide

2. View Slide

3. View Slide

4. (BUTCZͱ͸ʁ
   

   View Slide

5. (BUTCZͱ͸ʁ
   (BUTCZͱ͸ʁ

   IUUQTXXXHBUTCZKTPSH
   

   View Slide

6. (BUTCZͱ͸ʁ
   w3FBDU (SBQI2-Λ࢖༻ͨ͠੩తαΠτδΣωϨʔλʔ
   w131-ύλʔϯΛ࠾༻
   w.BSLEPXOͰ#MPHΛॻ͘͜ͱ͕Ͱ͖Δ
   w3FBDUͷެࣜαΠτ΋(BUTCZͰ࡞ΒΕ͍ͯΔ
   w#MPH։ൃʹඞཁͳ͜ͱΛ

   ༷ʑͳઐ༻QMVHJOͰ࣮ݱͰ͖Δ
   

   View Slide

7. (BUTCZͱ͸ʁ
   w3FBDU (SBQI2-Λ࢖༻ͨ͠੩తαΠτδΣωϨʔλʔ
   w131-ύλʔϯΛ࠾༻
   w.BSLEPXOͰ#MPHΛॻ͘͜ͱ͕Ͱ͖Δ
   w3FBDUͷެࣜαΠτ΋(BUTCZͰ࡞ΒΕ͍ͯΔ
   w#MPH։ൃʹඞཁͳ͜ͱΛ

   ༷ʑͳઐ༻QMVHJOͰ࣮ݱͰ͖Δ
   w3FBDU (SBQI2-Λ࢖༻ͨ͠੩తαΠτδΣωϨʔλʔ
   w131-ύλʔϯΛ࠾༻
   w.BSLEPXOͰ#MPHΛॻ͘͜ͱ͕Ͱ͖Δ
   w3FBDUͷެࣜαΠτ΋(BUTCZͰ࡞ΒΕ͍ͯΔ
   w#MPH։ൃʹඞཁͳ͜ͱΛ

   ༷ʑͳઐ༻QMVHJOͰ࣮ݱͰ͖Δ
   

   View Slide

8. (BUTCZͷσʔλͷྲྀΕ
   

   View Slide

9. (BUTCZͱ͸ʁ
   w3FBDU (SBQI2-Λ࢖༻ͨ͠੩తαΠτδΣωϨʔλʔ
   w131-ύλʔϯΛ࠾༻
   w.BSLEPXOͰ#MPHΛॻ͘͜ͱ͕Ͱ͖Δ
   w3FBDUͷެࣜαΠτ΋(BUTCZͰ࡞ΒΕ͍ͯΔ
   w#MPH։ൃʹඞཁͳ͜ͱΛ

   ༷ʑͳઐ༻QMVHJOͰ࣮ݱͰ͖Δ
   

   View Slide

10. ݱࡏݸͷQMVHJO͕͋Δ
    IUUQTXXXHBUTCZKTPSHQMVHJOT
    

    View Slide

11. /FUMJGZ$.4ͱ͸ʁ
    

    View Slide

12. /FUMJGZ$.4ͱ͸ʁ
    IUUQTXXXOFUMJGZDNTPSH
    

    View Slide

13. /FUMJGZ$.4ͱ͸ʁ
    w/FUMJGZ্Ͱίϯςϯπ؅ཧ
    w(JU)VCϦϙδτϦʹίϯςϯπΛอଘ
    w(JU1VTIͷλΠϛϯάͳͲͰࣗಈσϓϩΠ
    ͳͲͳͲɾɾɾ
    

    View Slide

14. /FUMJGZͱ͸ʁ
    

    View Slide

15. /FUMJGZͱ͸ʁ
    IUUQTXXXOFUMJGZDPN
    

    View Slide

16. /FUMJGZͱ͸ʁ
    wجຊແྉͷ੩తϗεςΟϯάαʔϏε
    wΧελϜυϝΠϯରԠ
    w-FUT&ODSZQUͰ44-αϙʔτ
    wϑΥʔϜ͕ઃஔͰ͖Δ
    w(JU)VC͔ΒࣗಈσϓϩΠ
    

    View Slide

17. (JU)VC1BHFT74/FUMJGZ
    

    View Slide

18. (JU)VC1BHFT74/FUMJGZ
    

    View Slide

19. (BUTCZ/FUMJGZ$.4Ͱ
    ര଎CMPH։ൃ
    

    View Slide

20. (BUTCZެࣜ4UBSUFS,JU

    IUUQTHJUIVCDPN"VTUJO(SFFOHBUTCZTUBSUFSOFUMJGZDNT
    

    View Slide

21. ʮ%FQMPZUPOFUMJGZʯΛΫϦοΫ
    

    View Slide

22. (JU)VCͱ઀ଓ
    

    View Slide

23. (JU)VC؅ཧ͢ΔϦϙδτϦ໊ΛܾΊΔ
    

    View Slide

24. ؅ཧը໘্ཱ͕͕ͪΓσϓϩΠ͞ΕΔ
    

    View Slide

25. ࣗಈతʹઐ༻ϦϙδτϦ΋Ͱ͖͍ͯΔ
    

    View Slide

26. σϓϩΠ׬ྃޙΞΫηε͢Δͱ#MPH͕Ͱ͖͍ͯΔ
    

    View Slide

27. ϞόΠϧͱ1$ͱ΋ʹطʹ࠷దԽ͞Ε͍ͯΔ
    

    View Slide

28. ਺εςοϓͰ#MPHެ։·Ͱ׬ྃʂ

    ͋ͱ͸3FBDUͰΧελϚΠζ͢Δ͚ͩʂ
    

    View Slide

29. ϑϩϯτΤϯυʹूதͯ͠

    ։ൃ͍ͨ͠ਓʹ͸࠷ߴͩͬͨʂ
    

    View Slide

30. ݸਓ#MPH͸ݱࡏ։ൃத
    

    View Slide

31. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide