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
94
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Nuxt.js with Apollo Client
takanorip
December 06, 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 × MCP で切り拓く次世代 SRE!自律型運用への挑戦と開発者体験の進化
_awache
0
190
LLMにもCAP定理があるという話
harukasakihara
0
280
EventBridge Connection
_kensh
5
680
就職⽀援サービスにおけるキャリアアドバイザーのシフトスケジューリング
recruitengineers
PRO
1
120
Agentic ERPをどう設計するか ー 受発注エージェントを動かす、現場の知見と設計思想ー
recerqainc
1
2.1k
2026.06.13_AI時代に事業会社が「SIer出身エンジニア」を求める理由 / Why Businesses Seek Engineers with a System Integrator Background in the AI Era
jumtech
0
990
実装は速くなった、レビューはどうする? ― 自身のレビューをAIで再現させるサーヴァントエンジニアリングのすゝめ / Implementation got faster. So what about reviews? — An invitation to Servant Engineering: Recreating your own code reviews with AI
nrslib
8
4.5k
GoとSIMDとWasmの今。
askua
3
520
Ruby::Boxでできること、Refinementsでできること
joker1007
3
410
日本 Fintech 未来予測レポート 2027〜2028年(手動編集版)
8maki
0
300
OCI Oracle AI Database Services新機能アップデート(2026/03-2026/05)
oracle4engineer
PRO
0
330
「エンジニア進化論」2028年の開発完全自動化、エンジニアはどう進化するか
cyberagentdevelopers
PRO
4
2.6k
Featured
See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
240
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
610
Deep Space Network (abreviated)
tonyrice
0
170
The Spectacular Lies of Maps
axbom
PRO
1
790
The Curious Case for Waylosing
cassininazir
1
380
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
56k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
210
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
230
Accessibility Awareness
sabderemane
1
130
Google's AI Overviews - The New Search
badams
0
1k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
370
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
1.6k
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の 可能性