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 with Apollo Client
Search
takanorip
December 06, 2018
Technology
0
84
Nuxt.js with Apollo Client
takanorip
December 06, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
270
Bulletproof Design System with TypeScript
takanorip
6
3.5k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
140
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
900
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
7.3k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
2k
早わかり W3C Community Group
takanorip
0
500
Ubieとアクセシビリティのこれからを考える
takanorip
0
460
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.9k
Other Decks in Technology
See All in Technology
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
1
13k
What’s new in Android development tools
yanzm
0
110
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
14k
怖くない!はじめてのClaude Code
shinya337
0
360
AIの全社活用を推進するための安全なレールを敷いた話
shoheimitani
2
360
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
2
230
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.7k
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
2
920
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
220
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
220
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
230
MobileActOsaka_250704.pdf
akaitadaaki
0
110
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Statistics for Hackers
jakevdp
799
220k
A designer walks into a library…
pauljervisheath
207
24k
Automating Front-end Workflow
addyosmani
1370
200k
How STYLIGHT went responsive
nonsquared
100
5.6k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
960
Side Projects
sachag
455
42k
How to train your dragon (web standard)
notwaldorf
94
6.1k
For a Future-Friendly Web
brad_frost
179
9.8k
Transcript
Nuxt.js with Apollo Client Takanori Oki
⾃⼰紹介 • Takanori Oki(@takanorip) • 株式会社FOLIO フロントエンドエンジニア • React /
Nuxt.js / Polymer • フォントが好き
None
How to use? • 資料を家に忘れてきたのでGitHub リポジトリ を参照しながら進めます
ドキュメント 「ゼロコンフィグだよ」
ちょっと使いにくい
普通に設定ファイル 使うほうが良さそう
vue-apollo 「Apollo Boost使うよ」
使わないほうが良さそう
設計指針 • ページコンポーネントに閉じ込める • Vuex との連携 • Mutation だけ •
Query、Mutations両⽅
個⼈的には ページコンポーネントに 閉じ込めたい
Apollo Clinetは メモリ上にキャッシュを 持つので Vuex に乗せると ⼆重管理になる
Apolloのキャッシュは 便利なので できればそれを使いたい
その他のローカルでしか 使わないstateはVuexで 管理しても良い
Apollo ClientとNuxt.jsの 可能性