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
240
Nuxt.jsでサービス開発 して困ったこと
takanorip
May 15, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
100
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
790
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6.9k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
1.8k
早わかり W3C Community Group
takanorip
0
460
Ubieとアクセシビリティのこれからを考える
takanorip
0
420
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.8k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
3.1k
Other Decks in Technology
See All in Technology
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
1.2k
日経のデータベース事業とElasticsearch
hinatades
PRO
0
260
エンジニア主導の企画立案を可能にする組織とは?
recruitengineers
PRO
1
290
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
4
6.5k
マルチアカウント環境における組織ポリシーについて まとめてみる
nrinetcom
PRO
2
100
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
210
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
3
350
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
240
Охота на косуль у древних
ashapiro
0
120
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
160
What's new in Go 1.24?
ciarana
1
110
2025/3/1 公共交通オープンデータデイ2025
morohoshi
0
100
Featured
See All Featured
Gamification - CAS2011
davidbonilla
80
5.2k
Building Adaptive Systems
keathley
40
2.4k
Site-Speed That Sticks
csswizardry
4
410
A Tale of Four Properties
chriscoyier
158
23k
Producing Creativity
orderedlist
PRO
344
40k
Adopting Sorbet at Scale
ufuk
75
9.2k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
4 Signs Your Business is Dying
shpigford
183
22k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
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は入れといたほうが良い
おわり (フォント:コーポレート・ロゴ丸、源柔ゴシック)