Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Nuxt.js with Apollo Client
Search
takanorip
December 06, 2018
Technology
0
79
Nuxt.js with Apollo Client
takanorip
December 06, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
100
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
780
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6.9k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
1.8k
早わかり W3C Community Group
takanorip
0
460
Ubieとアクセシビリティのこれからを考える
takanorip
0
420
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.8k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
3.1k
Other Decks in Technology
See All in Technology
アジャイルな開発チームでテスト戦略の話は誰がする? / Who Talks About Test Strategy?
ak1210
1
600
MIMEと文字コードの闇
hirachan
2
1.4k
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
250
Fraxinus00tw assembly manual
fukumay
0
110
JAWS FESTA 2024「バスロケ」GPS×サーバーレスの開発と運用の舞台裏/jawsfesta2024-bus-gps-serverless
ma2shita
3
220
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
270
JavaにおけるNull非許容性
skrb
2
2.6k
OPENLOGI Company Profile for engineer
hr01
1
20k
ウォンテッドリーのデータパイプラインを支える ETL のための analytics, rds-exporter / analytics, rds-exporter for ETL to support Wantedly's data pipeline
unblee
0
130
偏光画像処理ライブラリを作った話
elerac
1
170
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
180
OPENLOGI Company Profile
hr01
0
60k
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
38k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Music & Morning Musume
bryan
46
6.4k
Into the Great Unknown - MozCon
thekraken
35
1.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Making Projects Easy
brettharned
116
6k
A designer walks into a library…
pauljervisheath
205
24k
The Pragmatic Product Professional
lauravandoore
32
6.4k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Transcript
Nuxt.js with Apollo Client Takanori Oki
⾃⼰紹介 • Takanori Oki(@takanorip) • 株式会社FOLIO フロントエンドエンジニア • React /
Nuxt.js / Polymer • フォントが好き
None
How to use? • 資料を家に忘れてきたのでGitHub リポジトリ を参照しながら進めます
ドキュメント 「ゼロコンフィグだよ」
ちょっと使いにくい
普通に設定ファイル 使うほうが良さそう
vue-apollo 「Apollo Boost使うよ」
使わないほうが良さそう
設計指針 • ページコンポーネントに閉じ込める • Vuex との連携 • Mutation だけ •
Query、Mutations両⽅
個⼈的には ページコンポーネントに 閉じ込めたい
Apollo Clinetは メモリ上にキャッシュを 持つので Vuex に乗せると ⼆重管理になる
Apolloのキャッシュは 便利なので できればそれを使いたい
その他のローカルでしか 使わないstateはVuexで 管理しても良い
Apollo ClientとNuxt.jsの 可能性