(SBQI2-֓ཁิॻ੶ʮLaravel + Vue.jsͰ͡ΊΔ ࣮ફ GraphQLೖʯษڧձ #0େڮҰथ!L[LPIBTIJ
View Slide
ࣗݾհେڮҰथ!L[LPIBTIJw '*4.גࣜձࣾ$50w ϓϩμΫτ։ൃ͕͖w 1E.ܦӦ
ຊͷ༰w ॻ੶Λങͬͯͳ͍ਓʹ(SBQI2-ʹ͍ͭͯͬͯ΄͍͠ ͳΜͰগ͠ॻ੶ͷ༰ೖΓ·͢w ॻ੶Ͱॻ͔Εͯͨ(SBQI2-ͷ֓ཁͷิઆ໌Λ͢Δw (SBQI2-ʹ͍ͭͯڵຯ͕͋ΔϝϯόʔͰू·ͬͯΈ͍ͨ
(SBQI2-ͱʁ
ੜཱ͍ͪw (SBQI2-ͱ'BDFCPPLࣾʹΑͬͯࠒʹ։ൃ͞Ε͍ͨ߹Θͤݴޠw ʹ-JOVY'PVOEBUJPOͷࡿԼʹͳΓɺʮ(SBQI2-'PVOEBUJPOʯ͕ઃཱ͞ΕɺΦʔϓϯιʔεͱͯ͠ެ։w Λཋͼͨͷɺʹ(JU)VCͷ"1* IUUQTEFWFMPQFSHJUIVCDPNWͷҠߦ͕༗໊
(SBQIͬͯͳʹʁw ݱ࣮ੈքͷࣄΛϞσϧԽͨ͠ͷw ϞϊͱϞϊͷଓؔ࿈Λද͢
(SBQIΛεΩʔϚʹ͢ΔUZQF2VFSZ\IFSP)FSP^UZQF)FSP\OBNF4USJOHGSJFOET<'SJFOE>^UZQF'SJFOE\OBNF4USJOHBHF*OUBEESFTT4USJOH^
ಈ࡞ͷྲྀΕ
WT3FTU"1*w ಉ͍͡ํ͚͍ͩͯ͠ΔͳΒஔ͖͑Δඞཁͳ͍w εΩʔϚۦಈ։ൃɺෳͷ"1*Λ·ͱΊͯͱΔɾɾͳͲͷ؍͔ΒΈΔͱྑͦ͞͏w ϚΠΫϩΞʔΩςΫνϟͰ"1*ෳͷ%#Λ·ͱΊΔࡍʹྑͦ͞͏
WTH31$ w H31$ͱw ΫϥΠΞϯτ͔Β෦ͷϝιουͷΑ͏ʹ֎෦ͷॲཧΛݺΔΈw ํετϦʔϛϯά௨৴)551w "1*༷ͷ໌จԽw ΫϥΠΞϯταʔόʔαΠυͷίʔυͷࣗಈੜw ύϥϝʔλʔʹܕ͕͑Δw 1SPUPDPM#VGGFS όΠφϦʹΑΔσʔλͷܰྔԽ
WTH31$
WTH31$ ɾ(SBQI2-ߴϨϕϧɾH31$Ϩϕϧ
$234w $PNNBOE2VFSZ3FTQPOTJCJMJUZ4FHSFHBUJPO ίϚϯυΫΤϦʔw 3FBEͱ8SJUFผͷϞσϧͱͯ͠ѻ͏w %%%ͱ૬ੑ͍͍ͱ͍͏෩ʹͰ͖ͯͨΓ͢Δw 3FBE෭࡞༻ͳ͠ΫΤϦʔw 8SJUF෭࡞༻͋Γϛϡʔςʔγϣϯ
ύϑΥʔϚϯεपΓͷࢹ"QMMP&OHJOF IUUQTFOHJOFBQPMMPHSBQIRMDPNɾ֎෦αʔϏεɾύϑΥʔϚϯεͷՄࢹԽɾΩϟογϡɾΤϥʔࢹ
ΫΤϦͷӬଓԽw ԿͰ͔ΜͰΫΤϦΛૹΒΕͨΒࠔΔɻw ಛఆͷΫΤϦ͚ͩڐՄ͍ͨ͠w IUUQTHJUIVCDPNBQPMMPHSBQIRMQFSTJTUHSBQIRMw Ϗϧυ࣌ʹɺΫϥΠΞϯτͰͬͯΔΫΤϦͷΈϋογϡԽ͢Δw ΫΤϦ͕͍ղܾͰ͖Δ
Ow ϦϨʔγϣϯͷͰ42-͕େྔʹൃߦ͞Εͯ͠·͏w ී௨ʹ࣮͢Δͱ(SBQI2-Ͱ؆୯ʹൃੜ͢Δw ͨͩɺ༷ʑͳϥΠϒϥϦͰղܾͯ͘͠Ε͍ͯΔ
(SBQI2-"TJBw (SBQI2-ͷ"TJBΧϯϑΝϨϯε͕ઌ։͔Εͨ IUUQTUFDIMJGFDPPLQBEDPNFOUSZw ݩ'BDFCPPL5XJUUFS"JSCOC"UMBTTJBO1BZ1BMͳͲͷ։ൃऀ͕ͨͪొஃw "JSCOCͷνϟϨϯδϯάͳ(SBQI2-ͷπʔϧ؆୯ʹ࡞ΕΔ͔ΒͲΜͲΜ࡞Ζ͏ͳͲͷ͕͋ͬͨ ΫοΫύουͷ!JUJTLK͞Μײँ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠