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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kazuki Ohashi
May 09, 2019
Technology
890
1
Share
larave_vue_graphql_supplementation
Kazuki Ohashi
May 09, 2019
More Decks by Kazuki Ohashi
See All by Kazuki Ohashi
Introduction to using GraphQL for a bit
kzkohashi
0
240
フォロワーがどの雑誌に興味があるのか可視化してみる / magazine-score
kzkohashi
0
710
Laravelを始めて DDDを実践するまで
kzkohashi
2
2k
Amazon Rekognitionを用いてフォロワーの男女比を出す
kzkohashi
1
3k
Other Decks in Technology
See All in Technology
Fラン学生が考える、AI時代のデザインに執着した突破口
husengs7
1
240
コーポレートサイトのアクセシビリティ改善とJIS準拠への実践
lycorptech_jp
PRO
2
110
障害対応のRunbookは作った、でも本当に動くの? AWS FIS で EKS の AZ 障害を再現してみた
tk3fftk
0
120
Cortex(Code) を ML モデルの 精度改善サイクルに組み込む.pdf
oimo23
0
260
M&Aで増え続けるプロダクトに少数QAはどう立ち向かうか─GENDAが挑む、全員で取り組む品質標準化戦略 / GENDA Tech Talk #4
genda
0
320
データ分析基盤の信頼を支える視点と設計
yuki_saito
1
530
最新技術を"今は選ばない"という技術選定
leveragestech
PRO
0
370
"スキルファースト"で作る、AIの自走環境
subroh0508
1
680
AI Agent に“攻略本”を渡したら、150フォームの移行が回り始めた話/登壇資料(高橋 悟生)
hacobu
PRO
1
290
権限管理設計を完全に理解した
rsugi
1
130
Oracle AI Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
4
2.6k
AWSアップデートから考える継続的な運用改善
toru_kubota
2
340
Featured
See All Featured
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.9k
Facilitating Awesome Meetings
lara
57
6.9k
Bash Introduction
62gerente
615
210k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
240
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
170
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.6k
The browser strikes back
jonoalderson
0
1.1k
Claude Code のすすめ
schroneko
67
220k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
220
How to Ace a Technical Interview
jacobian
281
24k
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͞Μײँ
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠