Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
1.8k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
840
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
600
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4.5k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
220
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
5
990
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
15
7.6k
社内管理画面のデザインもプロダクトデザイン
Avatar for takanorip takanorip
5
2.1k
早わかり W3C Community Group
Avatar for takanorip takanorip
0
540

Other Decks in Technology

See All in Technology
JEDAI認定プログラム JEDAI Order 2026 エントリーのご案内 / JEDAI Order 2026 Entry
Avatar for Databricks Japan databricksjapan
0
180
AI駆動開発の実践とその未来
Avatar for Ikko Eltociear Ashimine eltociear
2
490
AWSの新機能をフル活用した「re:Inventエージェント」開発秘話
Avatar for みのるん minorun365
2
440
AIBuildersDay_track_A_iidaxs
Avatar for iidaxs iidaxs
4
1.3k
MariaDB Connector/C のcaching_sha2_passwordプラグインの仕様について
Avatar for kubo ayumu boro1234
0
1k
半年で、AIゼロ知識から AI中心開発組織の変革担当に至るまで
Avatar for ryu rfdnxbro
0
140
202512_AIoT.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
140
AI with TiDD
Avatar for Shiraji shiraji
1
270
ハッカソンから社内プロダクトへ AIエージェント「ko☆shi」開発で学んだ4つの重要要素
Avatar for そのだ sonoda_mj
6
1.6k
ActiveJobUpdates
Avatar for Kuniaki IGARASHI igaiga
1
320
たまに起きる外部サービスの障害に備えたり備えなかったりする話
Avatar for Sohei Iwahori egmc
0
410
通勤手当申請チェックエージェント開発のリアル
Avatar for WHIsaiyo whisaiyo
3
450

Featured

See All Featured
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
8
35k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
0
370
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.1k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
39k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
1
210
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.1k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
65
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
60
38k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
400
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k

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