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
350
Bulletproof Design System with TypeScript
takanorip
6
3.7k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
150
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
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
13k
ソフトウェアテストのAI活用_ver1.25
fumisuke
1
610
ABEMAの本番環境負荷試験への挑戦
mk2taiga
5
1.3k
SRE with AI:実践から学ぶ、運用課題解決と未来への展望
yoshiiryo1
0
300
LIXIL基幹システム刷新に立ち向かう技術的アプローチについて
tsukuha
1
380
全部AI、全員Cursor、ドキュメント駆動開発 〜DevinやGeminiも添えて〜
rinchsan
10
5.1k
Autify Company Deck
autifyhq
2
44k
今だから言えるセキュリティLT_Wordpress5.7.2未満を一斉アップデートせよ
cuebic9bic
2
170
アクセスピークを制するオートスケール再設計: 障害を乗り越えKEDAで実現したリソース管理の最適化
myamashii
1
660
ロールが細分化された組織でSREは何をするか?
tgidgd
1
420
スタックチャン家庭用アシスタントへの道
kanekoh
0
120
SREのためのeBPF活用ステップアップガイド
egmc
2
1.3k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
The Cult of Friendly URLs
andyhume
79
6.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Faster Mobile Websites
deanohume
308
31k
Into the Great Unknown - MozCon
thekraken
40
1.9k
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の 可能性