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
320
エンジニアのキャリア論
bumptakayuki
0
200
地方カンファレンス主催のススメ
bumptakayuki
1
210
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
2
1.1k
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
670
沖縄観光、名物を一挙紹介!
bumptakayuki
2
660
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
2.7k
flutterでイベントアプリを作ってみた
bumptakayuki
0
160
オフショア開発の辛みと学んだ事
bumptakayuki
0
400
Other Decks in Programming
See All in Programming
tool ディレクティブを導入してみた感想
sgash708
1
150
🔨 小さなビルドシステムを作る
momeemt
1
500
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
490
Honoアップデート 2025年夏
yusukebe
1
850
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
マイコンでもRustのtestがしたい その2/KernelVM Tokyo 18
tnishinaga
2
2.3k
「リーダーは意思決定する人」って本当?~ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ~
marina1017
0
240
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
200
Nuances on Kubernetes - RubyConf Taiwan 2025
envek
0
190
パスタの技術
yusukebe
1
400
AIレビュアーをスケールさせるには / Scaling AI Reviewers
technuma
2
230
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
mackey0225
2
580
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
431
65k
Rails Girls Zürich Keynote
gr2m
95
14k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Making Projects Easy
brettharned
117
6.3k
Gamification - CAS2011
davidbonilla
81
5.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
780
Producing Creativity
orderedlist
PRO
347
40k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
A Modern Web Designer's Workflow
chriscoyier
695
190k
A Tale of Four Properties
chriscoyier
160
23k
Practical Orchestrator
shlominoach
190
11k
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ͳͲ͕ۤखͳΤϯδχΞ͞Μʹྑ͍͔ɻ ·ͱΊ