Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Nuxt.js with
Apollo Client

Avatar for takanorip takanorip
December 06, 2018
Technology
0
85

Nuxt.js with
Apollo Client

Avatar for takanorip

takanorip

December 06, 2018
Tweet

More Decks by takanorip

See All by takanorip
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
650
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
530
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4.2k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
170
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
5
950
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
15
7.5k
社内管理画面のデザインもプロダクトデザイン
Avatar for takanorip takanorip
5
2.1k
早わかり W3C Community Group
Avatar for takanorip takanorip
0
510
Ubieとアクセシビリティのこれからを考える
Avatar for takanorip takanorip
0
480

Other Decks in Technology

See All in Technology
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
Avatar for did0es shuta13
3
210
ハノーファーメッセ2025で見た生成AI活用ユースケース.pdf
Avatar for 濱田孝治 hamadakoji
1
470
From Natural Language to K8s Operations: The MCP Architecture and Practice of kubectl-ai
Avatar for Bo-Yi Wu appleboy
0
230
IBC 2025 動画技術関連レポート / IBC 2025 Report
Avatar for CyberAgent cyberagentdevelopers
PRO
2
180
IoTLT@ストラタシスジャパン_20251021
Avatar for Norippy norioikedo
0
140
混合雲環境整合異質工作流程工具運行關鍵業務 Job 的經驗分享
Avatar for Yao-Siang Su (蘇曜祥) yaosiang
0
190
Observability — Extending Into Incident Response
Avatar for Narimichi Takamura nari_ex
1
450
現場の壁を乗り越えて、 「計装注入」が拓く オブザーバビリティ / Beyond the Field Barriers: Instrumentation Injection and the Future of Observability
Avatar for Kento Kimura aoto
PRO
1
610
AI時代、“平均値”ではいられない
Avatar for uhyo uhyo
8
2.6k
AWS re:Invent 2025事前勉強会資料 / AWS re:Invent 2025 pre study meetup
Avatar for Masanori Yamaguchi kinunori
0
330
「最速」で Gemini CLI を使いこなそう！ 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
Avatar for Kento Kimura aoto
PRO
1
180
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
Avatar for okiyuki okiyuki99
1
450

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
526
40k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.7k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2.1k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k

Transcript

  1. Nuxt.js with
 Apollo Client Takanori Oki

  2. ⾃⼰紹介 • Takanori Oki（@takanorip） • 株式会社FOLIO
 フロントエンドエンジニア • React /

    Nuxt.js / Polymer • フォントが好き
  3. None

  4. How to use？ • 資料を家に忘れてきたのでGitHub リポジトリ を参照しながら進めます

  5. ドキュメント 「ゼロコンフィグだよ」

  6. ちょっと使いにくい

  7. 普通に設定ファイル 使うほうが良さそう

  8. vue-apollo 「Apollo Boost使うよ」

  9. 使わないほうが良さそう

  10. 設計指針 • ページコンポーネントに閉じ込める • Vuex との連携 • Mutation だけ •

    Query、Mutations両⽅

  11. 個⼈的には ページコンポーネントに 閉じ込めたい

  12. Apollo Clinetは メモリ上にキャッシュを 持つので Vuex に乗せると ⼆重管理になる

  13. Apolloのキャッシュは 便利なので できればそれを使いたい

  14. その他のローカルでしか 使わないstateはVuexで 管理しても良い

  15. Apollo ClientとNuxt.jsの 可能性