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
larave_vue_graphql_supplementation
Search
Kazuki Ohashi
May 09, 2019
Technology
1
850
larave_vue_graphql_supplementation
Kazuki Ohashi
May 09, 2019
Tweet
Share
More Decks by Kazuki Ohashi
See All by Kazuki Ohashi
Introduction to using GraphQL for a bit
kzkohashi
0
220
フォロワーがどの雑誌に興味があるのか可視化してみる / magazine-score
kzkohashi
0
670
Laravelを始めて DDDを実践するまで
kzkohashi
2
1.9k
Amazon Rekognitionを用いてフォロワーの男女比を出す
kzkohashi
1
2.9k
Other Decks in Technology
See All in Technology
お試しで oxlint を導入してみる #vuefes_aftertalk
bengo4com
2
1.5k
Datadog On-Call と Cloud SIEM で作る SOC 基盤
kuriyosh
0
170
探求の技術
azukiazusa1
7
1.8k
AIエージェントによるエンタープライズ向けスライド検索!
shibuiwilliam
1
170
Introducing RFC9111 / YAPC::Fukuoka 2025
k1low
1
230
自己的售票系統自己做!
eddie
0
440
バクラクの AI-BPO を支える AI エージェント 〜とそれを支える Bet AI Guild〜
tomoaki25
2
730
これからアウトプットする人たちへ - アウトプットを支える技術 / that support output
soudai
PRO
18
5.4k
エンタープライズ企業における開発効率化のためのコンテキスト設計とその活用
sergicalsix
1
380
隙間ツール開発のすすめ / PHP Conference Fukuoka 2025
meihei3
0
410
ある編集者のこれまでとこれから —— 開発者コミュニティと歩んだ四半世紀
inao
4
2.2k
フライトコントローラPX4の中身(制御器)を覗いてみた
santana_hammer
1
140
Featured
See All Featured
Side Projects
sachag
455
43k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
The Invisible Side of Design
smashingmag
302
51k
Designing for humans not robots
tammielis
254
26k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Why Our Code Smells
bkeepers
PRO
340
57k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.8k
Optimizing for Happiness
mojombo
379
70k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
How STYLIGHT went responsive
nonsquared
100
5.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
11
920
Transcript
(SBQI2-֓ཁ ิ ॻ੶ʮLaravel + Vue.jsͰ͡ΊΔ ࣮ફ GraphQLೖʯษڧձ #0 େڮҰथ!L[LPIBTIJ
ࣗݾհ େڮҰथ!L[LPIBTIJ w '*4.גࣜձࣾ$50 w ϓϩμΫτ։ൃ͕͖ w 1E.ܦӦ
ຊͷ༰ w ॻ੶Λങͬͯͳ͍ਓʹ(SBQI2-ʹ͍ͭͯͬͯ΄͍͠ ͳΜͰগ͠ॻ੶ͷ༰ೖΓ·͢ w ॻ੶Ͱॻ͔Εͯͨ(SBQI2-ͷ֓ཁͷิઆ໌Λ͢Δ w (SBQI2-ʹ͍ͭͯڵຯ͕͋ΔϝϯόʔͰू·ͬͯΈ͍ͨ
(SBQI2-ͱʁ
None
None
ੜཱ͍ͪ w (SBQI2-ͱ'BDFCPPLࣾʹΑͬͯࠒʹ։ൃ͞Εͨ ͍߹Θͤݴޠ w ʹ-JOVY'PVOEBUJPOͷࡿԼʹͳΓɺʮ(SBQI2- 'PVOEBUJPOʯ͕ઃཱ͞ΕɺΦʔϓϯιʔεͱͯ͠ެ։ w Λཋͼͨͷɺʹ(JU)VCͷ"1* IUUQT
EFWFMPQFSHJUIVCDPNW ͷҠߦ͕༗໊
(SBQIͬͯͳʹʁ w ݱ࣮ੈքͷࣄΛϞσϧԽͨ͠ͷ w ϞϊͱϞϊͷଓؔ࿈Λද͢
(SBQIΛεΩʔϚʹ͢Δ UZQF2VFSZ\ IFSP)FSP ^ UZQF)FSP\ OBNF4USJOH GSJFOET<'SJFOE> ^ UZQF'SJFOE\ OBNF4USJOH
BHF*OU BEESFTT4USJOH ^
ಈ࡞ͷྲྀΕ
WT3FTU"1* w ಉ͍͡ํ͚͍ͩͯ͠ΔͳΒஔ͖͑Δඞཁͳ͍ w εΩʔϚۦಈ։ൃɺෳͷ"1*Λ·ͱΊͯͱΔɾɾͳͲͷ ؍͔ΒΈΔͱྑͦ͞͏ w ϚΠΫϩΞʔΩςΫνϟͰ"1*ෳͷ%#Λ·ͱΊΔࡍʹ ྑͦ͞͏
WTH31$ w H31$ͱ w ΫϥΠΞϯτ͔Β෦ͷϝιο υͷΑ͏ʹ֎෦ͷॲཧΛݺΔ Έ w ํετϦʔϛϯά௨৴
)551 w "1*༷ͷ໌จԽ w ΫϥΠΞϯταʔόʔαΠυͷ ίʔυͷࣗಈੜ w ύϥϝʔλʔʹܕ͕͑Δ w 1SPUPDPM#VGGFS όΠφϦ ʹΑΔ σʔλͷܰྔԽ
WTH31$
WTH31$
WTH31$ ɾ(SBQI2-ߴϨϕϧ ɾH31$Ϩϕϧ
$234 w $PNNBOE2VFSZ3FTQPOTJCJMJUZ 4FHSFHBUJPO ίϚϯυΫΤϦʔ w 3FBEͱ8SJUFผͷϞσϧͱͯ͠ѻ͏ w %%%ͱ૬ੑ͍͍ͱ͍͏෩ʹͰ͖ͯͨΓ
͢Δ w 3FBE෭࡞༻ͳ͠ΫΤϦʔ w 8SJUF෭࡞༻͋Γϛϡʔςʔγϣϯ
ύϑΥʔϚϯεपΓͷࢹ "QMMP&OHJOF IUUQTFOHJOFBQPMMPHSBQIRMDPN ɾ֎෦αʔϏε ɾύϑΥʔϚϯεͷՄࢹԽ ɾΩϟογϡ ɾΤϥʔࢹ
ΫΤϦͷӬଓԽ w ԿͰ͔ΜͰΫΤϦΛૹΒΕͨΒࠔΔɻ w ಛఆͷΫΤϦ͚ͩڐՄ͍ͨ͠ w IUUQTHJUIVCDPNBQPMMPHSBQIRMQFSTJTUHSBQIRM w Ϗϧυ࣌ʹɺΫϥΠΞϯτͰͬͯΔΫΤϦͷΈϋογϡ Խ͢Δ
w ΫΤϦ͕͍ղܾͰ͖Δ
O w ϦϨʔγϣϯͷͰ42-͕େྔʹൃߦ͞Εͯ͠·͏ w ී௨ʹ࣮͢Δͱ(SBQI2-Ͱ؆୯ʹൃੜ͢Δ w ͨͩɺ༷ʑͳϥΠϒϥϦͰղܾͯ͘͠Ε͍ͯΔ
(SBQI2-"TJB w (SBQI2-ͷ"TJBΧϯϑΝϨϯε͕ઌ։͔Εͨ IUUQTUFDIMJGFDPPLQBEDPNFOUSZ w ݩ'BDFCPPL5XJUUFS"JSCOC"UMBTTJBO1BZ1BMͳͲͷ։ൃऀ͕ͨͪొஃ w "JSCOCͷνϟϨϯδϯάͳ(SBQI2-ͷπʔϧ؆୯ʹ࡞ΕΔ͔ΒͲΜͲΜ࡞Ζ͏ ͳͲͷ͕͋ͬͨ
ΫοΫύουͷ!JUJTLK͞Μײँ
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠