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

Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話

02886e95c50822b9aa2552da1e518491?s=47 Takayuki
December 06, 2019

Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話

Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話

02886e95c50822b9aa2552da1e518491?s=128

Takayuki

December 06, 2019
Tweet

Transcript

  1. Nuxt.js + microCMS + Netlifyでコʔポ レʔトサイトをリニュʔアルした話 鈴木孝之

  2. "HFOEB ࣗݾ঺հɾձࣾ঺հ NJDSP$.4ͱ͸ʁ ಋೖํ๏ %&.0

  3. ࣗݾ঺հɾձࣾ঺հ

  4. 1.ࣗݾ঺հ ◆໊લ ླ໦ ޹೭(Suzuki Takayuki) ※ಉ੏ಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾ঺հ ɾ1990೥ɺਆಸ઒ݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015೥ʹϑϧεϐʔυʹೖࣾ͠ɺ2017೥ʹಠཱɻ

    ɾݱࡏ͸ɺडୗ։ൃΛ΍ΓͭͭɺࣗࣾWebαʔϏεΛ։ൃதɻ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ ◆εΩϧ PHP,Symfony2,CakePHP3,Laravel5, JavaScript,backbone.js,Angular.js
  5. 1.ࣗݾ঺հ

  6. 1.ࣗݾ঺հ

  7. Copyright Re:Build.inc All Rights Reserved. 1.ձࣾ঺հ ◆ձ໊ࣾ גࣜձࣾRe:Build ◆ॅॴ ԭೄݝԭೄࢢதԝ̍ஸ໨̍̒−̕

    ◆ࣄۀ಺༰ ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻ ɾडୗ։ൃ ◆ࣾһ 7໊ ◆ΤϯδχΞͷಇ͖ํ ϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪ঑ͯ͠·͢ʂ
  8. 8 ࣗࣾ։ൃνʔϜߏ੒ Suzuki Takayuki ਖ਼ࣾһ (ि5೔ۈ຿) Kakazu Yuki (ਖ਼ࣾһ) Ϛωδϝϯτ&։ൃ

    ։ൃ ϑϦʔϥϯε (ि2೔ۈ຿) ϑϦʔϥϯε (ि2೔ۈ຿) ϑϦʔϥϯε (ि2೔ۈ຿) ϑϦʔϥϯε (ि1೔ۈ຿) ཁ݅ఆٛ UI/UX ਖ਼ࣾһ (ि5೔ۈ຿) ෭ۀ (ि1೔ۈ຿) ͜ͷϙδγϣϯΛ ΍ͬͯ·͢ʂ
  9. 9 ࣗࣾWebαʔϏεͷ։ൃ ɾαʔϏε໊ Tadoru
 https://tadoru.work/
 
 ɾγεςϜ֓ཁ ΤϯδχΞಉ࢜ͷ࢓ࣄ঺հ ίϛϡχςΟ

  10. Re:Build اۀͷ୲౰ऀ͕ ΤʔδΣϯτΛબͿ ΤʔδΣϯτ͕ࣗ෼ͷܨ ͕Γͷ͋ΔΤϯδχΞ· ͨ͸νʔϜʹ੠Λ͔͚Δ ΤʔδΣϯτ͸ ࣄલʹ৹੍ࠪ ϫʔΧʔ ΤʔδΣϯτ

    اۀ ϏδωεϞσϧ ࠾༻ใु εΩϧ ܦݧ Քಇঢ়گ εΩϧ ܦݧ Քಇঢ়گ εΩϧ ܦݧ Քಇঢ়گ ࢓ࣄΛ঺հ͢Δ ˕ ̋ ̋ × ˕ ̋ × ̋ ̋
  11. NJDSP$.4ͱ͸ʁ

  12. NJDSP$.4ͱ͸ʁ microCMS͸ϔουϨεCMSͱݺ͹ΕΔ৽͍͠λΠϓͷCMSͰ ͢ɻ ։ൃऀ΋ฤूऀ΋༷ʑͳ੍໿͔Βղ์͞Εɺૉૣ͘PDCAΛճ ͢͜ͱ͕Ͱ͖·͢ɻ https://microcms.io/

  13. ैདྷͷ$.4ͱͷҧ͍ https://microcms.io/

  14. NJDSP$.4ͷಛ௃ αʔόෆཁ ैདྷܕCMSͰ͸։ൃऀࣗ਎͕αʔό΍ σʔλϕʔεͷϝϯςφϯεΛ͢Δඞཁ ͕͋Γ·͕ͨ͠ɺmicroCMS͸Ϋϥ΢υ ্ʹߏங͞Ε͍ͯΔͨΊɺαʔό؅ཧ͸ Ұ੾ෆཁͰ͢ɻ APIϕʔε ͢΂ͯͷίϯςϯπ͸APIΛܦ༝ͯ͠औ Γग़͠·͢ɻϒϥ΢β΍ΞϓϦ౳͔Β

    ௚઀APIΛݺͿ͜ͱ͕Ͱ͖·͢ɻ ࢖͍΍͍͢؅ཧը໘ ௚ײతͳ؅ཧը໘ͰίϯςϯπΛฤ ू͢Δ͜ͱ͕Ͱ͖·͢ɻಛఆ࣌ࠁͰ ͷ༧໿ߋ৽ͳͲ΋ࣗ༝ࣗࡏͰ͢ɻ 1 2 3
  15. ಋೖํ๏

  16. αΠτ શମߏ੒ TOPϖʔδ΁ APIΛୟ͘ ίϯςϯπ؅ཧ

  17. ಋೖखॱ ①Nuxt.jsͰαΠτ੍࡞ ②microCMSͷAPI࿈ܞɻίϯςϯπ؅ཧ ③NetlifyͰNuxt.jsΛσϓϩΠ͢Δ

  18. "1*ͷୟ͖ํ

  19. "1*ͷୟ͖ํ

  20. "1*ͷୟ͖ํ

  21. "1*ͷୟ͖ํ

  22. ؅ཧը໘ͷΠϝʔδ

  23. ؅ཧը໘ͷΠϝʔδ

  24. ର৅ͷ؅ཧ߲໨

  25. WWW.SITE2MAX.PRO Free PowerPoint & KeyNote Templates 4 DEMO EC Site

    EC Site https://murmuring-tor-53965.herokuapp.com/
  26. ଎౓վળ มߋલ มߋޙ

  27. ଎౓վળ 97఺ʹͳͬͨʂ มߋલ มߋޙ

  28. ·ͱΊ

  29. - microCMS͸ίϯςϯπ؅ཧ෦෼ͱϑϩϯτΤϯυͷ࣮૷͕ ෼཭͞Ε͍ͯ·͢ɻͦͷͨΊɺϑϩϯτΤϯυͷ࣮૷͸׬શ ʹࣗ༝Ͱɺ࠷ઌ୺ͷٕज़Λ׆༻Ͱ͖·͢ɻ
 - ϑϩϯτଆΛࣗ༝ʹͰ͖ΔͷͰɺ͚ͬ͜͏ΤϯδχΞϥΠΫ ͳҹ৅
 - WordPressͳͲ͕ۤखͳΤϯδχΞ͞Μʹ͸ྑ͍͔΋ɻ ·ͱΊ