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
190
Nuxt.jsでサービス開発 して困ったこと
takanorip
May 15, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
社内管理画面のデザインもプロダクトデザイン
takanorip
4
740
早わかり W3C Community Group
takanorip
0
270
Ubieとアクセシビリティのこれからを考える
takanorip
0
240
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
2.9k
デザインシステム運用とOKRの良い関係
takanorip
0
1.7k
ユビーのペイシェントジャーニーを支えるデザインシステム構築
takanorip
0
170
メンタルヘルスチューニング
takanorip
0
260
Other Decks in Technology
See All in Technology
20分で完全に理解するGrafanaダッシュボード
hamadakoji
3
420
ServiceNow Knowledge 24の歩き方 EYストラテジー・アンド・コンサルティング
manarobot
0
190
反実仮想機械学習とは何か
usaito
PRO
11
4.3k
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.3k
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
200
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
270
DevOpsDays History and my DevOps story
kawaguti
PRO
9
2.5k
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
280
日本におけるデータエンジニアリングのこれまでとこれから
foursue
16
4.2k
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
170
オーナーシップを持つ領域を明確にする
konifar
13
3.1k
FrontDoorとWebAppsを組み合わせた際のリダイレクト処理の注意点
kenichirokimura
1
510
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
331
56k
Writing Fast Ruby
sferik
621
60k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Git: the NoSQL Database
bkeepers
PRO
422
63k
Docker and Python
trallard
34
2.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
648
58k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
Making Projects Easy
brettharned
108
5.5k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
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は入れといたほうが良い
おわり (フォント:コーポレート・ロゴ丸、源柔ゴシック)