$30 off During Our Annual Pro Sale. View Details »
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
87
Nuxt.js with Apollo Client
takanorip
December 06, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
Design System Documentation Tooling 2025
takanorip
2
1k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
810
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
590
Bulletproof Design System with TypeScript
takanorip
7
4.4k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
220
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
980
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.6k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.1k
早わかり W3C Community Group
takanorip
0
530
Other Decks in Technology
See All in Technology
多様なデジタルアイデンティティを攻撃からどうやって守るのか / 20251212
ayokura
0
410
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
appleboy
0
270
グレートファイアウォールを自宅に建てよう
ctes091x
0
140
RAG/Agent開発のアップデートまとめ
taka0709
0
150
regrowth_tokyo_2025_securityagent
hiashisan
0
210
品質のための共通認識
kakehashi
PRO
3
240
re:Invent 2025 ~何をする者であり、どこへいくのか~
tetutetu214
0
200
大企業でもできる!ボトムアップで拡大させるプラットフォームの作り方
findy_eventslides
1
690
法人支出管理領域におけるソフトウェアアーキテクチャに基づいたテスト戦略の実践
ogugu9
1
220
Playwrightのソースコードに見る、自動テストを自動で書く技術
yusukeiwaki
13
5.2k
AI時代の開発フローとともに気を付けたいこと
kkamegawa
0
2.7k
計算機科学をRubyと歩む 〜DFA型正規表現エンジンをつくる~
ydah
3
220
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
225
10k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
96
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
Visualization
eitanlees
150
16k
Facilitating Awesome Meetings
lara
57
6.7k
Balancing Empowerment & Direction
lara
5
790
Git: the NoSQL Database
bkeepers
PRO
432
66k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
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の 可能性