Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話
Nuxt.js + microCMS + Netlifyでコʔポレʔトサイトをリニュʔアルした話鈴木孝之
View Slide
"HFOEBࣗݾհɾձࣾհNJDSP$.4ͱʁಋೖํ๏%&.0
ࣗݾհɾձࣾհ
1.ࣗݾհ◆໊લླ ೭(Suzuki Takayuki)※ಉಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ◆ࣗݾհɾ1990ɺਆಸݝੜ·Εɻɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻɾ2015ʹϑϧεϐʔυʹೖࣾ͠ɺ2017ʹಠཱɻɾݱࡏɺडୗ։ൃΛΓͭͭɺࣗࣾWebαʔϏεΛ։ൃதɻ◆झຯίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺٿ؍ઓ◆εΩϧPHP,Symfony2,CakePHP3,Laravel5,JavaScript,backbone.js,Angular.js
1.ࣗݾհ
Copyright Re:Build.inc All Rights Reserved.1.ձࣾհ◆ձ໊ࣾגࣜձࣾRe:Build◆ॅॴԭೄݝԭೄࢢதԝ̍ஸ̍̒−̕◆ࣄۀ༰ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻɾडୗ։ൃ◆ࣾһ7໊◆ΤϯδχΞͷಇ͖ํϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪͯ͠·͢ʂ
8ࣗࣾ։ൃνʔϜߏSuzuki Takayukiਖ਼ࣾһ(ि5ۈ)Kakazu Yuki(ਖ਼ࣾһ)Ϛωδϝϯτ&։ൃ։ൃϑϦʔϥϯε(ि2ۈ)ϑϦʔϥϯε(ि2ۈ)ϑϦʔϥϯε(ि2ۈ)ϑϦʔϥϯε(ि1ۈ)ཁ݅ఆٛUI/UXਖ਼ࣾһ(ि5ۈ)෭ۀ(ि1ۈ)͜ͷϙδγϣϯΛͬͯ·͢ʂ
9ࣗࣾWebαʔϏεͷ։ൃɾαʔϏε໊Tadoru https://tadoru.work/ ɾγεςϜ֓ཁΤϯδχΞಉ࢜ͷࣄհίϛϡχςΟ
Re:Buildاۀͷ୲ऀ͕ΤʔδΣϯτΛબͿΤʔδΣϯτ͕ࣗͷܨ͕Γͷ͋ΔΤϯδχΞ·ͨνʔϜʹΛ͔͚ΔΤʔδΣϯτࣄલʹ৹੍ࠪϫʔΧʔΤʔδΣϯτاۀϏδωεϞσϧ࠾༻ใुεΩϧܦݧՔಇঢ়گεΩϧܦݧՔಇঢ়گεΩϧܦݧՔಇঢ়گࣄΛհ͢Δ˕̋̋×˕̋×̋̋
NJDSP$.4ͱʁ
NJDSP$.4ͱʁmicroCMSϔουϨεCMSͱݺΕΔ৽͍͠λΠϓͷCMSͰ͢ɻ։ൃऀฤूऀ༷ʑͳ੍͔Βղ์͞Εɺૉૣ͘PDCAΛճ͢͜ͱ͕Ͱ͖·͢ɻhttps://microcms.io/
ैདྷͷ$.4ͱͷҧ͍https://microcms.io/
NJDSP$.4ͷಛαʔόෆཁैདྷܕCMSͰ։ൃऀ͕ࣗαʔόσʔλϕʔεͷϝϯςφϯεΛ͢Δඞཁ͕͋Γ·͕ͨ͠ɺmicroCMSΫϥυ্ʹߏங͞Ε͍ͯΔͨΊɺαʔόཧҰෆཁͰ͢ɻAPIϕʔεͯ͢ͷίϯςϯπAPIΛܦ༝ͯ͠औΓग़͠·͢ɻϒϥβΞϓϦ͔ΒAPIΛݺͿ͜ͱ͕Ͱ͖·͢ɻ͍͍͢ཧը໘ײతͳཧը໘ͰίϯςϯπΛฤू͢Δ͜ͱ͕Ͱ͖·͢ɻಛఆ࣌ࠁͰͷ༧ߋ৽ͳͲࣗ༝ࣗࡏͰ͢ɻ1 2 3
ಋೖํ๏
αΠτશମߏTOPϖʔδAPIΛୟ͘ίϯςϯπཧ
ಋೖखॱ①Nuxt.jsͰαΠτ੍࡞②microCMSͷAPI࿈ܞɻίϯςϯπཧ③NetlifyͰNuxt.jsΛσϓϩΠ͢Δ
"1*ͷୟ͖ํ
ཧը໘ͷΠϝʔδ
ରͷཧ߲
WWW.SITE2MAX.PROFree PowerPoint & KeyNote Templates4 DEMOEC SiteEC Sitehttps://murmuring-tor-53965.herokuapp.com/
վળมߋલ มߋޙ
վળ97ʹͳͬͨʂมߋલ มߋޙ
·ͱΊ
- microCMSίϯςϯπཧ෦ͱϑϩϯτΤϯυͷ࣮͕͞Ε͍ͯ·͢ɻͦͷͨΊɺϑϩϯτΤϯυͷ࣮શʹࣗ༝Ͱɺ࠷ઌͷٕज़Λ׆༻Ͱ͖·͢ɻ - ϑϩϯτଆΛࣗ༝ʹͰ͖ΔͷͰɺ͚ͬ͜͏ΤϯδχΞϥΠΫͳҹ - WordPressͳͲ͕ۤखͳΤϯδχΞ͞Μʹྑ͍͔ɻ·ͱΊ