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 full-size slide

  2. (BUTCZͱ͸ʁ

    View full-size slide

  3. (BUTCZͱ͸ʁ
    (BUTCZͱ͸ʁ

    IUUQTXXXHBUTCZKTPSH

    View full-size slide

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

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

    View full-size slide

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

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

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

    View full-size slide

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

    View full-size slide

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

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

    View full-size slide

  8. ݱࡏݸͷQMVHJO͕͋Δ
    IUUQTXXXHBUTCZKTPSHQMVHJOT

    View full-size slide

  9. /FUMJGZ$.4ͱ͸ʁ

    View full-size slide

  10. /FUMJGZ$.4ͱ͸ʁ
    IUUQTXXXOFUMJGZDNTPSH

    View full-size slide

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

    View full-size slide

  12. /FUMJGZͱ͸ʁ

    View full-size slide

  13. /FUMJGZͱ͸ʁ
    IUUQTXXXOFUMJGZDPN

    View full-size slide

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

    View full-size slide

  15. (JU)VC1BHFT74/FUMJGZ

    View full-size slide

  16. (JU)VC1BHFT74/FUMJGZ

    View full-size slide

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

    View full-size slide

  18. (BUTCZެࣜ4UBSUFS,JU

    IUUQTHJUIVCDPN"VTUJO(SFFOHBUTCZTUBSUFSOFUMJGZDNT

    View full-size slide

  19. ʮ%FQMPZUPOFUMJGZʯΛΫϦοΫ

    View full-size slide

  20. (JU)VCͱ઀ଓ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

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

    View full-size slide

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

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide