Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Nuxt.js with
Apollo Client

Avatar for takanorip takanorip
December 06, 2018
Technology
95
0

Nuxt.js with
Apollo Client

Avatar for takanorip

takanorip

December 06, 2018

More Decks by takanorip

See All by takanorip
AI-Slopなデザインを生まないためのデザインプロセス戦略
Avatar for takanorip takanorip
10
5.9k
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
7
1.6k
Design System Documentation Tooling 2025
Avatar for takanorip takanorip
3
3k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
1.3k
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
880
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
5.4k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
320
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
6
1.2k
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
15
8k

Other Decks in Technology

See All in Technology
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
Avatar for Michael Tedder falken
PRO
1
310
AI 駆動 Terraform 開発/SRE_BizReach_MIXI_2
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
5
2.1k
俺の仕事は AIに奪われないし、たぶんその BIも要らない
Avatar for Hikaru Sawahata hikaruri
0
290
Deployment の 先にある AI Agent 基盤 - kagent vNext、Agent Substrate、Hermes から読み解く Agent Runtime の現在地 / k8s-matsuri-2-ai-agent-platform-amsy810
Avatar for Masaya Aoyama (@amsy810) masayaaoyama
3
290
Adaptive Warehouse を今すぐ導入すべき理由と迷ったときの判断基準
Avatar for あれ __allllllllez__
0
210
絵ではじめるKubernetesセキュリティ
Avatar for Aoi Takahashi aoi1
3
230
すぐできる衛星通信対応 あとは山奥に行くだけ
Avatar for tatetate55 tatetate55
0
110
あるけみー式LTスライド作成術
Avatar for Ryotaro Harada alchemy1115
1
200
AIエージェントの自己改善をどう設計するか / How to Design Self-Improvement for AI Agents
Avatar for 223 22mi
20
11k
Multica × 長期記憶：40個のミニプロジェクト管理
Avatar for eiei114 eiei114
1
270
20260912_スクフェス三河
Avatar for hikari kgnkhkr
0
330
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
12k

Featured

See All Featured
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
290
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
450
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
3k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
520
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
930
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
330
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
480
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
280
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
270

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