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.1k
Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話
Nuxt.js + microCMS + Netlifyでコーポレートサイトをリニューアルした話
Takayuki
December 06, 2019
Tweet
Share
More Decks by Takayuki
See All by Takayuki
エンジニアのキャリア論
bumptakayuki
0
140
地方カンファレンス主催のススメ
bumptakayuki
1
180
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
1
930
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
590
沖縄観光、名物を一挙紹介!
bumptakayuki
2
590
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
2.2k
flutterでイベントアプリを作ってみた
bumptakayuki
0
130
オフショア開発の辛みと学んだ事
bumptakayuki
0
360
ChatGPTにStripeのサンプルコードを書かせてみた
bumptakayuki
1
200
Other Decks in Programming
See All in Programming
SwiftUI移行のためのインプレッショントラッキング基盤の構築
kokihirokawa
0
170
自力でTTSモデルを作った話
zgock999
0
120
ML.NETで始める機械学習
ymd65536
0
240
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
220
仕様変更に耐えるための"今の"DRY原則を考える
mkmk884
9
3.3k
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
620
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
9
1.5k
AWS Step Functions は CDK で書こう!
konokenj
5
870
⚪⚪の⚪⚪をSwiftUIで再現す る
u503
0
120
iOSでQRコード生成奮闘記
ktcryomm
2
130
Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development
kohii00
5
1.9k
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
160
Featured
See All Featured
Code Review Best Practice
trishagee
67
18k
Unsuck your backbone
ammeep
669
57k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
Typedesign – Prime Four
hannesfritz
41
2.5k
Faster Mobile Websites
deanohume
306
31k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Six Lessons from altMBA
skipperchong
27
3.6k
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ͳͲ͕ۤखͳΤϯδχΞ͞Μʹྑ͍͔ɻ ·ͱΊ