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

Other Decks in Technology

See All in Technology
20分でわかるセキュアAPI
Avatar for nwiizo nwiizo
2
280
認知負荷をGemini で溶かす — GKE 基盤「Orbit」における AI エージェントの実践
Avatar for SansanTech sansantech
PRO
1
310
SmartHR Engineering Team Deck
Avatar for SmartHR Recruit smarthr
1
2.2k
AIコーディングの次。コードレビューと理解負荷を解消して組織の開発生産性を高める
Avatar for Atsushi Nakatsugawa moongift
PRO
2
2.6k
侵入は突然に 〜 IoTマルウェアと悪用される家庭の機器 ～ / When Intrusion Strikes: IoT Malware and the Abuse of Home Devices
Avatar for NTT docomo Business nttcom
0
5.9k
20260807_第6回_関東kaggler会LT_claw系bot xangiと始める、"寂しくない" kaggle
Avatar for suguuuuuすぐー sugupoko
0
290
制約理論（ToC）入門　2026版
Avatar for Recruit recruitengineers
PRO
8
2.3k
Service Connect 上のサービスに ECS Service の外側から到達できなかった話
Avatar for Itaru Ota ota1022
1
260
LLM・AIエージェントシステムベストプラクティス
Avatar for shibuiwilliam shibuiwilliam
6
1.3k
ラジオの科学
Avatar for Frieve-A frievea
0
320
猫付きpingコマンドを自作
Avatar for uyuki uyuki234
0
240
PLATEAU で バーチャル花火大会
Avatar for tatsuya1970 tatsuya1970
0
160

Featured

See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
390
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.9k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
380
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.2k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
53k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
300
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
370
How to make the Groovebox
Avatar for あそなす asonas
2
2.3k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
420

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