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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
takanorip
May 15, 2018
Technology
280
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Nuxt.jsでサービス開発 して困ったこと
takanorip
May 15, 2018
More Decks by takanorip
See All by takanorip
「見せる」登壇資料デザインの極意
takanorip
3
990
Design System Documentation Tooling 2025
takanorip
3
2.7k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
1.1k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
770
Bulletproof Design System with TypeScript
takanorip
7
5.2k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
290
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
6
1.1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.8k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.3k
Other Decks in Technology
See All in Technology
あなたの AI ワークスペースに、 専門コーダーを連れてくる - Amazon Quick Desktop 最新情報
kawaji_scratch
1
130
Claude Code の Sandbox 機能を Anthropic Sandbox Runtime(srt) で試そう!/lets-play-anthropic-sandbox-runtime
tomoki10
1
460
「速く作る」から「正しく作る」へ ─ 生成AI時代の開発フロー改革の ロードマップと実行 ─
starfish719
0
9.5k
MCP Appsを作ってみよう
iwamot
PRO
4
360
"何を作るか"を任される エンジニアは、どう育つのか
yutaokafuji
1
500
AIを「創る」と「使う」の循環 — HRテックが実践するリアルなAI組織実装
taketo957
0
1.8k
GoとSIMDとWasmの今。
askua
3
520
小さくはじめるSLI/SLO ~育てながら組織に定着させる実践知~ / Starting Small with SLI/SLOs: Building Adoption Through Continuous Growth
nari_ex
2
1.1k
脆弱性対応、どこで線を引くか
rymiyamoto
0
240
Dario Amodi『Policy on the AI Exponential』を理解する
nagatsu
0
210
Ruby::Boxでできること、Refinementsでできること
joker1007
3
410
データ基盤をDataformで整えた話 〜 開発環境を添えて 〜
takapy
0
140
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.9k
Become a Pro
speakerdeck
PRO
31
6k
Optimizing for Happiness
mojombo
378
71k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
960
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
140
A Tale of Four Properties
chriscoyier
163
24k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
Google's AI Overviews - The New Search
badams
0
1k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
410
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Music & Morning Musume
bryan
47
7.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
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は入れといたほうが良い
おわり (フォント:コーポレート・ロゴ丸、源柔ゴシック)