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
690
Nuxt.jsのビルドを高速化する為に頑張った話
Nuxt.jsのビルドを高速化する為に頑張った話
Takayuki
September 14, 2019
Tweet
Share
More Decks by Takayuki
See All by Takayuki
地方カンファレンス主催のススメ
bumptakayuki
1
120
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
1
520
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
450
沖縄観光、名物を一挙紹介!
bumptakayuki
2
450
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
1.3k
flutterでイベントアプリを作ってみた
bumptakayuki
0
97
オフショア開発の辛みと学んだ事
bumptakayuki
0
320
ChatGPTにStripeのサンプルコードを書かせてみた
bumptakayuki
1
140
ChatGPTに記事を書かせてみた
bumptakayuki
1
210
Other Decks in Technology
See All in Technology
生成AIを使った業務効率化〜実践的なプロンプトと活用例の紹介〜
yoshi8__
0
420
Oracle Modern Data Platform Reference Architecture (Autonomous Data Warehouse編)
oracle4engineer
PRO
0
530
作りすぎない技術 - API時代の開発努力の在り方について考える / Thinking about the state of development efforts in the API era
yokawasa
10
7.1k
Oracle製品を使ったシステム開発の新人研修事例/JPOUG Tech Talk Night #9
sawakihideto
0
140
Productivity-Conference-GitHub-20240629
yuhattor
2
2.3k
なぜ僕たちは 開発生産性指標を見ていないのか / Our Strategy for Development Productivity Metrics
kakehashi
15
4.2k
超入門 SRE
ryuichi1208
6
3.3k
スクラム開発導入による 他組織を巻き込んだ開発生産性向上の取り込み
recruitengineers
PRO
3
140
【Oracle GoldenGate 最新情報&テクニカルセミナー】[Session02] Oracle GoldenGate 23ai 新機能紹介とテクニカル Tips
oracle4engineer
PRO
1
120
OpenTelemetry Meetup 2024-06 - ABEMA と分散トレーシングのあゆみ
tetsuya28
2
570
タクシーアプリ『GO』におけるプラットフォームエンジニアリングの実践
mot_techtalk
12
6.6k
Google Workspace で問い合わせ業務を改善!_株式会社G-gen 荒井
comucal
PRO
0
3.3k
Featured
See All Featured
Ruby is Unlike a Banana
tanoku
96
10k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
19
7.1k
Documentation Writing (for coders)
carmenintech
62
4.1k
Rebuilding a faster, lazier Slack
samanthasiow
75
8.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
14
4.8k
Web Components: a chance to create the future
zenorocha
307
41k
Designing Experiences People Love
moore
136
23k
A Tale of Four Properties
chriscoyier
154
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
13
1.4k
GraphQLとの向き合い方2022年版
quramy
35
13k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
9
320
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 ΄΅ফ͑ͨʂ
·ͱΊ
·ͩ·ͩվળग़དྷͦ͏ʂ ·ͱΊ