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

Gatsby + Netlify CMSで 爆速blog開発

sakito
March 29, 2018

Gatsby + Netlify CMSで 爆速blog開発

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

@Twitter
https://twitter.com/__sakito__

sakito

March 29, 2018
Tweet

More Decks by sakito

Other Decks in Technology

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