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
760
Nuxt.jsのビルドを高速化する為に頑張った話
Nuxt.jsのビルドを高速化する為に頑張った話
Takayuki
September 14, 2019
Tweet
Share
More Decks by Takayuki
See All by Takayuki
Laravel × Clean Architecture
bumptakayuki
0
280
エンジニアのキャリア論
bumptakayuki
0
180
地方カンファレンス主催のススメ
bumptakayuki
1
200
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
2
1.1k
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
650
沖縄観光、名物を一挙紹介!
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
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
230
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
15k
ゼロからはじめる採用広報
yutadayo
2
690
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
270
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
0
110
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
960
OPENLOGI Company Profile
hr01
0
67k
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
7k
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
kaonavi
6
1.9k
AI導入の理想と現実~コストと浸透〜
oprstchn
0
190
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
450
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
2
20k
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
280
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
49
5.5k
The Invisible Side of Design
smashingmag
301
51k
Making Projects Easy
brettharned
116
6.3k
Facilitating Awesome Meetings
lara
54
6.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Being A Developer After 40
akosma
90
590k
Side Projects
sachag
455
42k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Building an army of robots
kneath
306
45k
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 ΄΅ফ͑ͨʂ
·ͱΊ
·ͩ·ͩվળग़དྷͦ͏ʂ ·ͱΊ