JAM Stackと静的サイトのイマ / modern-static-site

297a42b94a1bda236982ec1cd81089b6?s=47 mottox2
July 06, 2018

JAM Stackと静的サイトのイマ / modern-static-site

サーバーサイドの人にも知ってほしいJAM Stackと静的サイトのイマ
APIやらMicroServiceが充実してきた現代における静的サイトのお話

https://mottox2.com/posts/150/

297a42b94a1bda236982ec1cd81089b6?s=128

mottox2

July 06, 2018
Tweet

Transcript

  1. 2.

    ੩తαΠτͱಈతαΠτ • Ϩεϙϯε͕ૣ͍ • མͪͳ͍͠εέʔϧ͢Δ • ηΩϡϦςΟOK • ࣗ༝౓௿ͦ͏ •

    ࣮૷ʹΑͬͯ஗͘ͳΔ͜ͱ΋ • େྔͷΞΫηεʹऑ͍ • ηΩϡϦςΟతʹͭΒΈ΋ • େମͳΜͰ΋Ͱ͖Δ ੩తαΠτ ಈతαΠτ
  2. 10.

    ओཁͳ੩తαΠτδΣωϨʔλʔ ▶ ελʔ਺Ͱ͸ෛ͚͍ͯΔ͕ɺJavaScript੡ͷ΋ͷΛ࠾༻͢΂͖ 34728 / Ruby Jekyll 26870 / Golang

    Hugo 23123 / JavaScript(React) Next 23123 / JavaScript(React) Gatsby 13371 / JavaScript(Vue) Nuxt
  3. 13.

    Կ͕࡞ΕΔͷʁ • Headless CMSΛ࢖ͬͨΦ΢ϯυϝσΟΞ • ্ཱ͕ͪ͛ര଎Ͱग़དྷΔɻ • esa.io΍Qiita:Teamͱ࿈ܞͯ͠ߋ৽Ͱ͖ΔίʔϙϨʔταΠτ • ؅ཧαΠτΛϗεςΟϯά͢Δඞཁͳ͍ͷͰศརɻ

    • ձࣾͷϝϯόʔͷQiita΍noteɺϒϩάΛ·ͱΊͨϙʔλϧαΠτ • స৬ଟͯ͘։ൃϒϩάʹॻ͘ͷ͕ਏ͍ͷͰɺ৘ใͷϙʔλϏϦςΟ্͕͕Δɻ • Stripe΍MoltinΛۦ࢖͢Ε͹ECαΠτ΋ग़དྷΔɻ • ਖ਼௚ҙຯ͕Θ͔Βͳ͍ɻ
  4. 15.

    ओཁͳ੩తαΠτδΣωϨʔλʔ 34728 / Ruby Jekyll 26870 / Golang Hugo 23123

    / JavaScript(React) Next 23123 / JavaScript(React) Gatsby 13371 / JavaScript(Vue) Nuxt
  5. 19.

    ϑϨʔϜϫʔΫΛબͿͱ͖ͷϙΠϯτ • Next, Nuxt, Gatsbyʹؔͯ͠͸ɺ֎෦ͷAPIΛୟ͍ͯͳʹ͔͢Δ৔߹ʹɻ͋͘·Ͱ JAM Stackʹ৐͔ͬΔͳΒ͜ͷ3ͭͰ͸ʁͱ͍͏࿩ɻ • ͜ͷ3ͭͷϑϨʔϜϫʔΫ͸੩తαΠτͱͯ͠ग़ྗ͢ΔͱɺJS͕ಡΈࠐ·Εͨޙʹ SPAͱͯ͠ಈ࡞͢Δɻ

    • ͨͩNext, Nuxt͸ΞϓϦέʔγϣϯϑϨʔϜϫʔΫͷଆ໘͕ڧ͍ͷͰɺ͜͜Ͱൺֱ ͢Δͷ͸ద੾Ͱ͸ͳ͍ • ٯʹMarkdownͰϒϩάΛ࡞Γ͍ͨ৔߹͸ɺͦ͏͍ͬͨࢥ૝ͷϑϨʔϜϫʔΫΛબ Ϳ΂͖ɻ • ϑϨʔϜϫʔΫຖͷࢥ૝͕͋ΔͷͰݴޠ໰ΘͣʹݟͯΈΔͱ͍͍͔΋
  6. 30.

    @mottox2 • ReactͱRuby on RailsΛத৺ʹWebαʔϏε։ൃ͍ͯ͠·͢ • ϒϩά΍ͬͯ·͢(esa.io + note.mu +

    GatsbyJS) => mottox2.com • ࢓ࣄͰ͸σβΠϯ͠ͳ͕ΒNext(SSR)΍GatsbyJSΛ΍ͬͯ·͢ Freelance web engineer Yuki Takemoto ୭ʁ