Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話
Search
Takayuki
December 06, 2019
Programming
4
2.2k
Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話
Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話
Takayuki
December 06, 2019
Tweet
Share
More Decks by Takayuki
See All by Takayuki
Laravel × Clean Architecture
bumptakayuki
0
360
エンジニアのキャリア論
bumptakayuki
0
200
地方カンファレンス主催のススメ
bumptakayuki
1
220
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
2
1.1k
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
680
沖縄観光、名物を一挙紹介!
bumptakayuki
2
680
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
2.8k
flutterでイベントアプリを作ってみた
bumptakayuki
0
160
オフショア開発の辛みと学んだ事
bumptakayuki
0
400
Other Decks in Programming
See All in Programming
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
steliosf
PRO
1
340
CSC509 Lecture 03
javiergs
PRO
0
330
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3.1k
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
390
CSC509 Lecture 06
javiergs
PRO
0
250
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
7
1.6k
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
3
1.1k
Playwrightはどのようにクロスブラウザをサポートしているのか
yotahada3
7
2.3k
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
1k
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
ski
0
360
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
380
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
A Tale of Four Properties
chriscoyier
160
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Thoughts on Productivity
jonyablonski
70
4.9k
Mobile First: as difficult as doing things right
swwweet
224
10k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
4 Signs Your Business is Dying
shpigford
185
22k
Fireside Chat
paigeccino
40
3.7k
Facilitating Awesome Meetings
lara
56
6.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
KATA
mclloyd
32
15k
Transcript
Nuxt.js + microCMS + Netlifyでコʔポ レʔトサイトをリニュʔアルした話 鈴木孝之
"HFOEB ࣗݾհɾձࣾհ NJDSP$.4ͱʁ ಋೖํ๏ %&.0
ࣗݾհɾձࣾհ
1.ࣗݾհ ◆໊લ ླ ೭(Suzuki Takayuki) ※ಉಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾհ ɾ1990ɺਆಸݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015ʹϑϧεϐʔυʹೖࣾ͠ɺ2017ʹಠཱɻ
ɾݱࡏɺडୗ։ൃΛΓͭͭɺࣗࣾWebαʔϏεΛ։ൃதɻ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺٿ؍ઓ ◆εΩϧ PHP,Symfony2,CakePHP3,Laravel5, JavaScript,backbone.js,Angular.js
1.ࣗݾհ
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*ͷୟ͖ํ
"1*ͷୟ͖ํ
"1*ͷୟ͖ํ
"1*ͷୟ͖ํ
ཧը໘ͷΠϝʔδ
ཧը໘ͷΠϝʔδ
ରͷཧ߲
WWW.SITE2MAX.PRO Free PowerPoint & KeyNote Templates 4 DEMO EC Site
EC Site https://murmuring-tor-53965.herokuapp.com/
վળ มߋલ มߋޙ
վળ 97ʹͳͬͨʂ มߋલ มߋޙ
·ͱΊ
- microCMSίϯςϯπཧ෦ͱϑϩϯτΤϯυͷ࣮͕ ͞Ε͍ͯ·͢ɻͦͷͨΊɺϑϩϯτΤϯυͷ࣮શ ʹࣗ༝Ͱɺ࠷ઌͷٕज़Λ׆༻Ͱ͖·͢ɻ - ϑϩϯτଆΛࣗ༝ʹͰ͖ΔͷͰɺ͚ͬ͜͏ΤϯδχΞϥΠΫ ͳҹ - WordPressͳͲ͕ۤखͳΤϯδχΞ͞Μʹྑ͍͔ɻ ·ͱΊ