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
takanorip
May 15, 2018
Technology
0
270
Nuxt.jsでサービス開発 して困ったこと
takanorip
May 15, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
460
Bulletproof Design System with TypeScript
takanorip
7
4k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
160
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
930
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.4k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2k
早わかり W3C Community Group
takanorip
0
500
Ubieとアクセシビリティのこれからを考える
takanorip
0
470
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
4k
Other Decks in Technology
See All in Technology
Webブラウザ向け動画配信プレイヤーの 大規模リプレイスから得た知見と学び
yud0uhu
0
230
新アイテムをどう使っていくか?みんなであーだこーだ言ってみよう / 20250911-rpi-jam-tokyo
akkiesoft
0
270
複数サービスを支えるマルチテナント型Batch MLプラットフォーム
lycorptech_jp
PRO
1
370
La gouvernance territoriale des données grâce à la plateforme Terreze
bluehats
0
180
品質視点から考える組織デザイン/Organizational Design from Quality
mii3king
0
200
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
sh_fk2
3
260
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
380
エラーとアクセシビリティ
schktjm
1
1.3k
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
920
💡Ruby 川辺で灯すPicoRubyからの光
bash0c7
0
120
バイブスに「型」を!Kent Beckに学ぶ、AI時代のテスト駆動開発
amixedcolor
2
560
S3アクセス制御の設計ポイント
tommy0124
3
200
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Making Projects Easy
brettharned
117
6.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Navigating Team Friction
lara
189
15k
BBQ
matthewcrist
89
9.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
For a Future-Friendly Web
brad_frost
180
9.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Side Projects
sachag
455
43k
Transcript
Nuxt.jsでサービス開発 して困ったこと Takanori Oki @Nuxt.js meetup #2
自己紹介 • Takanori Oki (@takanorip) • 株式会社スマートドライブ • フロントエンドエンジニア
(Nuxt.js、React、Polymer、ウェブ制作全般) • Polymer Japan 翻訳チーム
SmartDrive Cars
None
困ったこと of Nuxt.js on サービス開発
結論 : あんまり困らなかった
公式ドキュメントとissueとPRを 読めばだいたい解決する
基本的だけど超大事
nuxt/nuxt.js nuxt-community
maxChunkSize • nuxt.config.jsのbuildオプションの中にある • nuxt buildした時に生成されるJSファイルの 上限を設定するオプション • 設定した数値よりファイルサイズが小さくな るように分割してくれる
maxChunkSize • 使うとなんかエラーになる • Uncaught ReferenceError: webpackJsonp is not defined
• 詳しい人おしえてください
外部JS動作しない問題 • Messengerのチャットplugin使いたい • window.onloadの時しかJSが作動しないので ページ遷移してDOMが変わると二度と動かな い • ページコンポーネントのcreate()でloadイベン トを発火させることで解決
None
IEでVuexが動かない • babel-polyfillを食わせる
ライブラリをNuxtに組み込みたい • lodashとかよく使うライブラリをいちいち importするのめんどくさい • pluginでVueとNuxt.jsに組み込む • 余力があればモジュールとして公開 https://ja.nuxtjs.org/guide/modules
None
やっとくと良いこと
ローディング最適化 • APIへのアクセスはasyncDataやfetchの中で 行う • vendorへの登録忘れない • pwa-moduleは入れといたほうが良い
おわり (フォント:コーポレート・ロゴ丸、源柔ゴシック)