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
73
データの可視化とGraphQLを学ぶモチベーション
NINNO Tech Fest #2
データの可視化とGraphQLを学ぶモチベーション
kinocoboy
October 22, 2021
Tweet
Share
More Decks by kinocoboy
See All by kinocoboy
【ScrumFestNiigata2024】a11yを起点とした組織横断を完了するためにアジャイルチームにとって大切だったこと100選
kinocoboy2
0
480
JSConfjp2023 Storybook駆動開発の再現性と効率化
kinocoboy2
2
3.6k
新卒だったころの僕へ向けて
kinocoboy2
0
130
スクラムマスターを目指すためにギャルになってみた話
kinocoboy2
8
7.2k
NINNO Tech Fest #05 春の推し
kinocoboy2
0
210
画面に合わせたAPI設計をしたら残業が死ぬほど増えた話
kinocoboy2
0
420
Peacock#01 ソフトウェアアーキテクチャ的発想
kinocoboy2
0
210
雑談を因数分解したら雑な談話が増えた話
kinocoboy2
2
820
AWSで$800スった話 ~ エフスタ!! AWSエンジニア失敗共有会議 ~
kinocoboy2
0
220
Other Decks in Programming
See All in Programming
わたしの星のままで一番星になる ~ 出産を機にSIerからEC事業会社に転職した話 ~
kimura_m_29
0
180
Semantic Kernelのネイティブプラグインで知識拡張をしてみる
tomokusaba
0
180
Jakarta EE meets AI
ivargrimstad
0
250
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
3
390
선언형 UI에서의 상태관리
l2hyunwoo
0
160
Go の GC の不得意な部分を克服したい
taiyow
3
790
Zoneless Testing
rainerhahnekamp
0
120
テストケースの名前はどうつけるべきか?
orgachem
PRO
0
130
Kaigi on Railsに初参加したら、その日にLT登壇が決定した件について
tama50505
0
100
tidymodelsによるtidyな生存時間解析 / Japan.R2024
dropout009
1
790
開発者とQAの越境で自動テストが増える開発プロセスを実現する
92thunder
1
190
クリエイティブコーディングとRuby学習 / Creative Coding and Learning Ruby
chobishiba
0
3.9k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
27
3.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Rails Girls Zürich Keynote
gr2m
94
13k
Building an army of robots
kneath
302
44k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
520
Code Reviewing Like a Champion
maltzj
520
39k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Why Our Code Smells
bkeepers
PRO
335
57k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Visualization
eitanlees
146
15k
What's in a price? How to price your products and services
michaelherold
243
12k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
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ɺ͋Γ͔ͳʔ ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠