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.8k
Other Decks in Technology
See All in Technology
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
290
extension 現場で使えるXcodeショートカット一覧
ktombow
0
220
ユニットテストに対する考え方の変遷 / Everyone should watch his live coding
mdstoy
0
130
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
2
110
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
0
140
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
330
about #74462 go/token#FileSet
tomtwinkle
1
400
多野優介
tanoyusuke
1
460
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
100
Why Governance Matters: The Key to Reducing Risk Without Slowing Down
sarahjwells
0
110
生成AI_その前_に_マルチクラウド時代の信頼できるデータを支えるSnowflakeメタデータ活用術.pdf
cm_mikami
0
120
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.6k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Why Our Code Smells
bkeepers
PRO
339
57k
How to Think Like a Performance Engineer
csswizardry
27
2k
Practical Orchestrator
shlominoach
190
11k
A better future with KSS
kneath
239
17k
How GitHub (no longer) Works
holman
315
140k
Embracing the Ebb and Flow
colly
88
4.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
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͞Μײँ
͝੩ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠