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
87

Nuxt.js with
Apollo Client

Avatar for takanorip

takanorip

December 06, 2018
Tweet

More Decks by takanorip

See All by takanorip
Design System Documentation Tooling 2025
Avatar for takanorip takanorip
3
2.3k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
900
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
650
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4.7k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
250
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
5
1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
15
7.7k
社内管理画面のデザインもプロダクトデザイン
Avatar for takanorip takanorip
5
2.2k
早わかり W3C Community Group
Avatar for takanorip takanorip
0
550

Other Decks in Technology

See All in Technology
AIエージェントを開発しよう！-AgentCore活用の勘所-
Avatar for YukiOgawa yukiogawa
0
170
AWS Network Firewall Proxyを触ってみた
Avatar for nagisa_53 nagisa53
1
240
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
Avatar for adachi.ryo rvirus0817
0
300
プロポーザルに込める段取り八分
Avatar for ShoheiMitani shoheimitani
1
290
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
Avatar for おおいし bicstone
3
120
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.7k
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
3
160
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
930
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
590
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
360
What happened to RubyGems and what can we learn?
Avatar for Mike McQuaid mikemcquaid
0
300

Featured

See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
130
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
230
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
88
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
67
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.6k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
220
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440

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