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
データの可視化とGraphQLを学ぶモチベーション
Search
kinocoboy
October 22, 2021
Programming
0
51
データの可視化とGraphQLを学ぶモチベーション
NINNO Tech Fest #2
データの可視化とGraphQLを学ぶモチベーション
kinocoboy
October 22, 2021
Tweet
Share
More Decks by kinocoboy
See All by kinocoboy
JSConfjp2023 Storybook駆動開発の再現性と効率化
kinocoboy2
1
2.8k
新卒だったころの僕へ向けて
kinocoboy2
0
100
スクラムマスターを目指すためにギャルになってみた話
kinocoboy2
8
5.7k
NINNO Tech Fest #05 春の推し
kinocoboy2
0
180
画面に合わせたAPI設計をしたら残業が死ぬほど増えた話
kinocoboy2
0
320
Peacock#01 ソフトウェアアーキテクチャ的発想
kinocoboy2
0
150
雑談を因数分解したら雑な談話が増えた話
kinocoboy2
2
760
AWSで$800スった話 ~ エフスタ!! AWSエンジニア失敗共有会議 ~
kinocoboy2
0
180
Other Decks in Programming
See All in Programming
Implementing Design Systems in Swift
seyfoyun
2
480
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
140
Apache Hive 4 on Treasure Data
ryukobayashi
1
440
Netty Chicago Java User Group 2024-04-17
sullis
0
210
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
910
Git Lint
bkuhlmann
4
760
パフォーマンスを求めてDBに機能を寄せる戦略
aoyagikouhei
0
110
Deep Dive into React Stream/Serialize
mugi_uno
3
730
Ruby Function Composition
bkuhlmann
1
340
CDKコントリビュートの最初の壁を越えよう! -簡単issueの見つけ方-
badmintoncryer
3
240
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
460
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
470
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
20k
In The Pink: A Labor of Love
frogandcode
138
21k
How to Ace a Technical Interview
jacobian
273
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Designing the Hi-DPI Web
ddemaree
276
33k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Into the Great Unknown - MozCon
thekraken
15
1k
Documentation Writing (for coders)
carmenintech
60
4k
We Have a Design System, Now What?
morganepeng
43
6.8k
Transcript
NINNO Tech Fest #2 2021.10.22 גࣜձࣾKUNO Լതو σʔλͷՄࢹԽͱGraphQLΛֶͿϞνϕʔγϣϯ
Self Introduction Hiroki.Kinoshita גࣜձࣾKUNO ਂֶशͱΫϥυΛۦ͢ΔDXاۀ Front Engineer / Designer Peacock
Engineer Group ( PEG ) Organizer Twitter: @kinocoboy2
ͳͥσʔλΛՄࢹԽΛ͢Δͷ͔
݁ɺϝϦοτ͕ଟ͍͔Β σʔλͷՄࢹԽΛ͢Δ͜ͱͷϝϦοτ ᶃ ؾ͚ͮΔ ᶄ அͰ͖Δ ᶅ Ԡ༻Ͱ͖Δ ᶆ etc…
σʔλͷՄࢹԽΛߦ͏ͨΊʹେࣄͳ͜ͱ ᶃ Ӿཡऀͷχʔζʹ߹Θͤͯ࡞͢Δ Ӿཡऀ͕ݟͯΘ͔Βͳ͍ ใաଟͰٯʹࠞཚΛট͘ ᶄ σʔλͷҙຯΛਂ͘ཧղ͢Δ ͳΜͷҙຯΛ࣋ͭࢦඪͳͷ͔Λ͔ͬ͠ΓѲ͢Δඞཁ͕͋Δ ؒҧͬͨσʔλΛूΊͯ͠·͏ɾҙຯΛؒҧ͑Δ
Ձ͋ΔՄࢹԽΛ͢ΔͨΊʹ ᶃ ࣮ݱ͍ͨ͠ͷͷݴޠԽΛపఈతʹߦ͏ υϝΠϯۦಈઃܭϢʔβʔετʔϦʔϚοϐϯάɺϞσϦϯάͳͲ৭ʑʹ ͳΔͷ͕ଟ͘ͳ͍ͬͯΔɻ ᶄ ͱʹ͔͘ࢼߦࡨޡ͠࠷దղΛಈ͖ͳ͕Βݟ͚ͭΔέʔε͕ଟ͍ ᶅ ํసͨΓલͷΑ͏ʹى͖Δͷ 👆
͜Ε͕ͱʹ͔͘Τά͍
None
ΫϥΠΞϯτ։ൃ͕ਏ͗͢Δ
RestAPI
REST API ͩͱɺͳͥΫϥΠΞϯτ͕ਏ͍͔ ᶃ API ଆͷ ΠϯλʔϑΣʔε ͕ ֓೦ͷมԽʹΑͬͯॊೈʹมಈ͢Δ ΠϯλʔϑΣʔε
͕มԽ͢ΔͨͼʹɺΫϥΠΞϯτଆͷ࣮͕ൃੜ ΠϯλʔϑΣʔε͕ఏڙ͞ΕΔ·ͰɺΫϥΠΞϯτԿͰ͖ͳ ͍ ᶄ ϑϩϯτଆͷ ը໘෦ ͷ߲Ճ͋Δ ΠϯλʔϑΣʔεमਖ਼ґཔΛ͢Δඞཁ͕͋Δ ΫϥΠΞϯτ͚ͩͰ߲Ճ͕݁͠ͳ͍
GraphQL
GraphQL ͱ ͬ͘͟Γݴ͏ͱ ᶃ GraphQL ΫϥΠΞϯτ͕ඞཁͳσʔλΛ API ͔ΒϑΣον͢ΔͨΊʹ ઃܭ͞Εͨݴޠ
ᶄ GraphQL Λ༻͢ΔͱɺΫϥΠΞϯτ όοΫΤϯυ API ͔Β ඞཁͳσʔλͷܕͱγΣΠϓΛऔಘՄೳ ᶅ GraphQL ͰɺͲΜͳλΠϓͷϦΫΤετͰɺ ΫϥΠΞϯτ ΞϓϦέʔγϣϯ͕ݺͼग़͢ΤϯυϙΠϯτ 1 ͚ͭͩ ᶆ GraphQL SQL ͱΑ͘ࣅ͍ͯ·͕͢ɺϑϩϯτΤϯυͰػೳ͢Δ
GraphQL ͱ తʹ͍͏ͱɺΫϥΠΞϯτ։ൃ ͱ όοΫΤϯυ։ൃͷΛత ͱ͍ͯ͠Δɻ ΤϯυϙΠϯτ͕̍ͭఏڙ͞ΕΕɺΫϥΠΞϯτଆ͕ཉ͍͠ใ Λࣗ༝ʹҾ͖ग़͠ͳ͕Β։ൃ͢Δ͜ͱ͕Մೳɻ SQLΛΫϥΠΞϯτଆ͕ॻ͍ͯɺόοΫΤϯυʹ࣮ߦͤ͞ΔΠϝʔδ
·ͱΊ ᶃ ΤϯδχΞೲΛσϦόϦʔ͢ΔͷͰͳ͘ɺೲͰಘΒΕΔՁΛσϦό Ϧʔ͢ΔଘࡏʹͳΔ ᶄ ՁΛσϦόϦʔ͢Δ߹ɺDDDϞσϦϯάɺϢʔβʔετʔϦʔϚοϐϯάͳͲ ͷతۦಈઃܭ͕ඞཁʹͳͬͯ͘Δɻ ᶅ తۦಈઃܭͷ߹ɺैདྷͷRestAPI ͱ
ΫϥΠΞϯτͷΈ߹ΘͤͩͱΫϥΠΞϯτ ։ൃ͕ਏ͍ɻ(ࡾॏ;Γ͜ʣ ᶆ ͦͷͨΊʹɺΫϥΠΞϯτͱRestAPIΛͰ͖Δ GraphQL తۦಈઃܭʹ༗ ޮɻ ᶇ ࢼߦࡨޡͰ͖ΔͷͰɺσʔλΛϢʔβʔͷχʔζʹ߹ΘͤͯՄࢹԽͰ͖ΔΑ͏ʹͳ Δɻ
GraphQLɺ͋Γ͔ͳʔ ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠