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
94
0

Nuxt.js with
Apollo Client

Avatar for takanorip

takanorip

December 06, 2018

More Decks by takanorip

See All by takanorip
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
4
1.1k
Design System Documentation Tooling 2025
Avatar for takanorip takanorip
3
2.8k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
1.1k
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
790
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
5.2k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
300
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
6
1.1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
15
7.9k
社内管理画面のデザインもプロダクトデザイン
Avatar for takanorip takanorip
5
2.3k

Other Decks in Technology

See All in Technology
SRE Lounge Hiroshimaへの招待
Avatar for gr1m0h grimoh
0
640
DatabricksにおけるMCPソリューション
Avatar for Takaaki Yayoi taka_aki
1
250
Keeping applications secure by evolving OAuth 2.0 and OpenID Connect
Avatar for Alexander Schwartz ahus1
PRO
1
160
環境凍結という Toil を倒す -セルフサービス型 Ephemeral テスト環境の 設計と実践
Avatar for Yuji Shirai shirouz
1
2.3k
Control Planeで育てるBtoB SaaSの認証基盤 - SRE NEXT 2026
Avatar for pokohide pokohide
1
2.4k
LLMやAIエージェントをソフトウェアに組み込むプラクティス
Avatar for shibuiwilliam shibuiwilliam
1
370
キャリアの中で本を作る / Making a Book During Your Career
Avatar for akihisa1210 ak1210
0
140
最適な自走を最小限の支援で — M&Aで拡大する組織で少人数SREが挑んだ1年 / SRE NEXT 2026
Avatar for GENDA genda
0
1.1k
「最後に責任を取るのはチーム」— 人間のPRレビューを最小化してアップデートしたメンタルモデル
Avatar for Jotaro Nishime jnishime_dresscode
0
630
クラウド上のデータ復旧で見落としがちな制約: 医療系 SaaS の BCP 設計から得た教訓
Avatar for KAKEHASHI kakehashi
PRO
0
3.5k
Amazon EVS で VCF 9.0 / 9.1 のサポート開始まとめ
Avatar for mtoyoda mtoyoda
0
290
“それは自分の仕事じゃない"を 越えて行け
Avatar for yuukiyo yuukiyo
0
270

Featured

See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
460
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
560
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
210
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
210
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
830
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.4k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
220
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k

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の 可能性