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のビルドを高速化する為に頑張った話
Search
Takayuki
September 14, 2019
Technology
1
750
Nuxt.jsのビルドを高速化する為に頑張った話
Nuxt.jsのビルドを高速化する為に頑張った話
Takayuki
September 14, 2019
Tweet
Share
More Decks by Takayuki
See All by Takayuki
Laravel × Clean Architecture
bumptakayuki
0
270
エンジニアのキャリア論
bumptakayuki
0
180
地方カンファレンス主催のススメ
bumptakayuki
1
200
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
2
1.1k
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
640
沖縄観光、名物を一挙紹介!
bumptakayuki
2
640
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
2.6k
flutterでイベントアプリを作ってみた
bumptakayuki
0
160
オフショア開発の辛みと学んだ事
bumptakayuki
0
390
Other Decks in Technology
See All in Technology
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
1.3k
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
100
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
680
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
370
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1.1k
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
1
160
論文紹介:LLMDet (CVPR2025 Highlight)
tattaka
0
240
KubeCon + CloudNativeCon Japan 2025 Recap Opening & Choose Your Own Adventureシリーズまとめ
mmmatsuda
0
230
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
0
870
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
940
2025-06-26_Lightning_Talk_for_Lightning_Talks
_hashimo2
2
110
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
3
250
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Typedesign – Prime Four
hannesfritz
42
2.7k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Thoughts on Productivity
jonyablonski
69
4.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Transcript
Nuxt.jsのビルドを高速化するҝに 頑張った話 鈴木孝之
"HFOEB ࣗݾհɾձࣾհ 8FCQBDL#VOEMF"OBMZ[FSͱʁ ݱঢ়ͷ՝ͱվળ
ࣗݾհɾձࣾհ
0.ࣗݾհ ◆໊લ ླ ೭(Suzuki Takayuki) ※ಉಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾհ ɾ1990ɺਆಸݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015ʹϑϧεϐʔυʹೖࣾ͠ɺ2017ʹಠཱɻ
ɾݱࡏɺडୗ։ൃΛΓͭͭɺࣗࣾWebαʔϏεΛ։ൃதɻ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺٿ؍ઓ ◆εΩϧ PHP,Symfony2,CakePHP3,Laravel5, JavaScript,backbone.js,Angular.js
Copyright Re:Build.inc All Rights Reserved. ձࣾհ ◆ձ໊ࣾ גࣜձࣾRe:Build ◆ॅॴ ԭೄݝԭೄࢢதԝ̍ஸ̍̒−̕
◆ࣄۀ༰ ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻ ɾडୗ։ൃ ◆ࣾһ 6໊ ◆ΤϯδχΞͷಇ͖ํ ϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪͯ͠·͢ʂ
6 ࣗࣾWebαʔϏεͷ։ൃ ɾαʔϏε໊ Tadoru https://tadoru.work/ ɾγεςϜ֓ཁ ΤϯδχΞಛԽܕͷ ϦϑΝϥϧ Ϋϥυιʔγϯά
8FCQBDL#VOEMF"OBMZ[FSͱʁ
8FCQBDL#VOEMF"OBMZ[FSͱʁ ԼهΛՄࢹԽͯ͘͠ΕΔɻ ɾwebpackͷվળͷҝɺ͍ loaderpluginΛΓ͍ͨ ɾόϯυϧϑΝΠϧͷαΠζΛݮ Β͍ͨ͠ͷͰɺόϯυϧϑΝΠϧ ͷ֤ύοέʔδ͕Ͳͷ͘Β͍ͷ ༰ྔΛΊ͍ͯΔ͔Γ͍ͨ https://github.com/webpack-contrib/webpack-bundle-analyzer
࣮ߦํ๏
8FCQBDL#VOEMF"OBMZ[FSͱʁ https://qiita.com/kurosame/items/9e7092cdf08ff2ba7500
ݱঢ়ͷ՝ͱվળ
ݱঢ়ͷ՝ ᶃChart.js͕ॏ͍ ᶄmoment.js͕ॏ͍ - locale͕ແବʹଟ͍ ᶅlodash.js͕ॏ͍
ᶃChart.js͕ॏ͍ ɾvue-chart.jsͷґଘؔʹ͋ΔͷͰɺ֎ ͢ͷͦ͠͏ͩͬͨɻ
ᶄmoment.js͕ॏ͍ nuxt.config.jsʹmomentͷ ઃఆΛՃ
ᶅlodash.js͕ॏ͍ ɾݱঢ়ɺσΟʔϓίϐʔͷ Օॴʹ͔͠lodash.js͕Θ Ε͍ͯͳ͔ͬͨ
ᶅlodash.js͕ॏ͍ https://kuroeveryday.blogspot.com/2017/05/deep-clone-object-in-javascript.html ੜͷJSͰσΟʔϓίϐʔ Ͱ͖Δ
ᶅlodash.js͕ॏ͍ https://qiita.com/hareku/items/d9f92c96697163356bd3 lodashΛimport _ from 'lodash'ͷΑ͏ʹಡΈࠐΜͰ ͠·͏ͱɺશͯͷlodashؔͳͲ͕bundle͞Εͯ ͠·͍·͢ɻ ͦΕΛճආ͢ΔͨΊɺ༻͢ΔؔͷΈΛimport ͢ΔΑ͏ʹมߋ͠·͢ɻ
վળ݁Ռ chart.jsͱmoment.js ΄΅ফ͑ͨʂ
·ͱΊ
·ͩ·ͩվળग़དྷͦ͏ʂ ·ͱΊ