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
PRO
December 06, 2019
Programming
4
2k
Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話
Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話
Takayuki
PRO
December 06, 2019
Tweet
Share
More Decks by Takayuki
See All by Takayuki
エンジニアのキャリア論
bumptakayuki
PRO
0
69
地方カンファレンス主催のススメ
bumptakayuki
PRO
1
130
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
PRO
1
580
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
PRO
0
460
沖縄観光、名物を一挙紹介!
bumptakayuki
PRO
2
470
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
PRO
1
1.4k
flutterでイベントアプリを作ってみた
bumptakayuki
PRO
0
98
オフショア開発の辛みと学んだ事
bumptakayuki
PRO
0
320
ChatGPTにStripeのサンプルコードを書かせてみた
bumptakayuki
PRO
1
140
Other Decks in Programming
See All in Programming
CSC307 Lecture 14
javiergs
PRO
0
220
Terraformテスト入門
msato
0
540
Play Billing Library 7.0.0 変更点まとめ@potatotips#88
kako351
0
160
12年前の『型システム入門』翻訳の思い出話
mame
11
1.2k
生成AIをkintoneに連携してみた
hideg
0
230
Prompt FlowによるLLMアプリケーション開発
yuto2000
1
1k
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
Activities at Cairo Library
cairolibrary720
0
1.2k
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
250
Temporalを取り巻く仕様を整理する
sajikix
0
120
最近追加した型の紹介とその振り返り
aki19035vc
0
180
Webエディタライブラリ 「CodeMirror」から学ぶ Webアプリ開発のテクニック
ryosukeigarashi
0
250
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Faster Mobile Websites
deanohume
303
30k
What's new in Ruby 2.0
geeforr
338
31k
Code Review Best Practice
trishagee
58
16k
For a Future-Friendly Web
brad_frost
173
9.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
245
1.2M
Docker and Python
trallard
37
2.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Six Lessons from altMBA
skipperchong
24
3.2k
It's Worth the Effort
3n
181
27k
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ͳͲ͕ۤखͳΤϯδχΞ͞Μʹྑ͍͔ɻ ·ͱΊ