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
260
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
130
Bulletproof Design System with TypeScript
takanorip
6
3.5k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
140
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
890
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
7.2k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
2k
早わかり W3C Community Group
takanorip
0
490
Ubieとアクセシビリティのこれからを考える
takanorip
0
460
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.9k
Other Decks in Technology
See All in Technology
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
150
Абьюзим random_bytes(). Фёдор Кулаков, разработчик Lamoda Tech
lamodatech
0
350
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
5
520
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
210
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
590
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
850
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
3
220
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
1
170
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.3k
BigQuery Remote FunctionでLooker Studioをインタラクティブ化
cuebic9bic
3
320
Navigation3でViewModelにデータを渡す方法
mikanichinose
0
220
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
6
2.4k
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
How GitHub (no longer) Works
holman
314
140k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Side Projects
sachag
455
42k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Rails Girls Zürich Keynote
gr2m
94
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
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は入れといたほうが良い
おわり (フォント:コーポレート・ロゴ丸、源柔ゴシック)