HTML5カンファレンス2018で登壇した内容です。
Copyright © ZOZO Technologies, Inc. All Right Reserved.גࣜձࣾ;0;0ςΫϊϩδʔζ։ൃ෦ ςοΫϦʔυݖक ݈࢚;0;0ͷάϩʔόϧ&$ͷϑϩϯτΤϯυΞʔΩςΫνϟઃܭ
View Slide
ϓϩϑΟʔϧ৽ଔͱͯ͠7"4*-:ʢݱ ;0;0ςΫϊϩδʔζʣʹೖࣾɻϑΝογϣϯΞϓϦ*20/ͷϑϩϯτΤϯυ։ൃ୲ͳͲΛܦͯɺݱࡏϓϥΠϕʔτϒϥϯυʮ;0;0ʯͷάϩʔόϧ&$ͷϑϩϯτΤϯυ։ൃΛ୲;0;0ςΫϊϩδʔζ։ൃ෦ ςοΫϦʔυݖक ݈࢚ʢ͝Μͷ͔Έ ͚Μ͡ʣCopyright © ZOZO Technologies, Inc. All Right Reserved.
˓ ຊ࠷େڃͷϑΝογϣϯγϣοϐϯάαΠτΞϓϦ˓ Ҏ্ͷγϣοϓɺ Ҏ্ͷϒϥϯυͷऔΓѻ͍˓ ৗ࣌ສҎ্ͷΞΠςϜͱຖฏۉ Ҏ্ͷ৽ணΛܝࡌ˓ ଈૹαʔϏε ΪϑτϥοϐϯάαʔϏε πέ͍ ͳͲIUUQ[P[PKQCopyright © ZOZO Technologies, Inc. All Right Reserved.
˓ ຊ࠷େڃͷϑΝογϣϯίʔσΟωʔτΞϓϦ˓ ສμϯϩʔυಥഁɺίʔσΟωʔτߘ૯ສ݅˓ શੈքʢ"QQ4UPSF(PPHMFQMBZ͕ར༻ՄೳͳશͯͷࠃʣͰμϯϩʔυ͕Մೳ˓ ສਓҎ্ͷϑΥϩϫʔΛ࣋ͭϢʔβʔʢ8&"3*45"ʣੜIUUQTXFBSKQCopyright © ZOZO Technologies, Inc. All Right Reserved.
˓ ͕ࣾಠࣗʹ։ൃͨ͠࠾ੇ༻ϘσΟʔεʔπ˓ શମʹࢪ͞ΕͨυοτϚʔΧʔΛεϚʔτϑΥϯΧϝϥͰࡱӨ͢Δ͜ͱͰɺମܕσʔλΛܭଌ˓ ܭଌͨ͠ମܕσʔλɺॠ࣌ʹ%ϞσϧԽ͞Εɺ;0;0508/ΞϓϦʹอଘɻ%Ϟσϧ͋ΒΏΔ֯ʹಈ͔͢͜ͱ͕Ͱ͖ɺମܕΛνΣοΫ͢Δ͜ͱ͕ՄೳIUUQ[P[PKQ[P[PTVJUCopyright © ZOZO Technologies, Inc. All Right Reserved.
˓ʮ;0;046*5ʯͰܭଌͨ͠ମܕσʔλΛͱʹɺҰਓͻͱΓͷମܕʹ߹ͬͨʮ͋ͳͨαΠζʯͷΞΠςϜ˓ʮڀۃͷϑΟοτײʯΛ࣮ݱͨ͠ϕʔγοΫΞΠςϜΛఏڙ˓ άϩʔόϧαΠτʮ;0;0DPNʯͰւ֎ల։˓ ΞΠςϜ ̩γϟπɺσχϜύϯπɺγϟπɺϏδωεεʔπɺωΫλΠɺϘʔμʔ̩γϟπɺକΫϧʔωοΫ̩γϟπ ͳͲIUUQ[P[PKQQCCopyright © ZOZO Technologies, Inc. All Right Reserved.
;0;0DPNʹ͍ͭͯɾ;0;0508/ͱશ͘ผʹ৽ͨʹ։ൃɾϓϥΠϕʔτϒϥϯυʮ;0;0ʯͷͷΈΛൢചɾ8FC J04ΞϓϦ "OESPJEΞϓϦͰల։ɾӳޠͱυΠπޠʹରԠɾૹରΧࠃCopyright © ZOZO Technologies, Inc. All Right Reserved.
;0;0DPNͷ8FCϑϩϯτΤϯυͷٕज़֓ཁɾ7VFKT 7VF 3PVUFSΛ༻͍ͨ41"ɾ7VFYΛ༻͍ͨঢ়ଶཧɾ5ZQF4DSJQUΛ༻͍ͨܕ͚ɾϚΠΫϩαʔϏεԽ͞Εͨ"1*ͷར༻Ϟμϯʹݟ͑Δ͚ͲɾɾɾCopyright © ZOZO Technologies, Inc. All Right Reserved.
ϑϩϯτΤϯυͰ࣮ࡍʹى͍ͬͯͨ͜ɾҙਤ͠ͳ͍λΠϛϯάͰͷঢ়ଶͷߋ৽ɾܕ͕Ұக͠ͳ͍͜ͱʹΑΔBOZܕͷཚ༻ɾ"1*ͷมߋ࣌ʹٻΊΒΕΔඞཁҎ্ͷมߋɾඞཁҎ্ͷ"1*ݺͼग़͠Copyright © ZOZO Technologies, Inc. All Right Reserved.
ͷݪҼ r ΞʔΩςΫνϟΞϓϦέʔγϣϯશମͱͯ͠ͷΞʔΩςΫνϟΛҙࣝͰ͖͍ͯͳ͔ͬͨ7VFKTͰঢ়ଶཧΛ͢ΔͳΒ7VFYΛ͏ͷ͕σϑΝΫτελϯμʔυ7VFYϑϩϯτΤϯυͷঢ়ଶཧΛදݱ͢ΔͷͰ͋ΓɺͦΕ͚ͩͰΞϓϦέʔγϣϯશମΛදݱ͢ΔʹෆेCopyright © ZOZO Technologies, Inc. All Right Reserved.σʔλΞϓϦέʔγϣϯϓϨθϯςʔγϣϯࡾΞʔΩςΫνϟͷ߹7VFYͷ୲ൣғ
ͷݪҼ r ঢ়ଶཧ7VFY͕ٻΊΔ4JOHMFTPVSDFPGUSVUIΛ࣮ݱͰ͖ͳ͔ͬͨ 4UBUFΛ৴པͰ͖Δ།ҰͷใݯʹͰ͖ͳ͔ͬͨɾಉ͡ϦιʔεΛදݱ͢Δঢ়ଶ͕ෳଘࡏɾϦιʔεͱ7JFXʹؔ͢Δঢ়ଶ͕ࠞࡏɾมߋΛݕͰ͖ͳ͍ঢ়ଶͷଘࡏCopyright © ZOZO Technologies, Inc. All Right Reserved.
ΞʔΩςΫνϟʹ͓͚Δཧͱݱ࣮ͷဃCopyright © ZOZO Technologies, Inc. All Right Reserved.σʔλΞϓϦέʔγϣϯϓϨθϯςʔγϣϯ ϑϩϯτΤϯυόοΫΤϯυཧϑϩϯτΤϯυόοΫΤϯυݱ࣮σʔλΞϓϦέʔγϣϯϓϨθϯςʔγϣϯݱ࣮ɺϑϩϯτΤϯυʹϏδωεϩδοΫɺϩʔΧϧετϨʔδͷӬଓԽؚ͕·ΕɺόοΫΤϯυϓϨθϯςʔγϣϯͰར༻͞ΕΔ୯ҐͷσʔλΛ༻ҙ͢Δ͜ͱ͋Δ
ղܾํ๏ʢΠϝʔδʣCopyright © ZOZO Technologies, Inc. All Right Reserved.ϑϩϯτΤϯυόοΫΤϯυσʔλΞϓϦέʔγϣϯϓϨθϯςʔγϣϯΞϓϩʔνϏδωεϩδοΫΛϑϩϯτͰ࣋ͭΞϓϩʔνͦΕͧΕͰΞʔΩςΫνϟΛ࣋ͭϑϩϯτΤϯυσʔλΞϓϦέʔγϣϯϓϨθϯςʔγϣϯόοΫΤϯυσʔλΞϓϦέʔγϣϯϓϨθϯςʔγϣϯ
Ξϓϩʔνͷ۩ମԽ୯७ʹϏδωεϩδοΫΛϑϩϯτΤϯυʹدͤͯ͠·͏ͱϓϥοτϑΥʔϜຖʹϩδοΫΛ࣮͢͠ඞཁ͕ੜ͡Δ࠶࣮ͷղܾํ๏ɿɾΫϩεϓϥοτϑΥʔϜ࣮ɾΫϩείϯύΠϧɺτϥϯεύΠϧʹΑΔϥΠϒϥϦ࣮Copyright © ZOZO Technologies, Inc. All Right Reserved.
ΞϓϩʔνɿϏδωεϩδοΫΛશͯϑϩϯτΤϯυʹدͤΔΫϩεϓϥοτϑΥʔϜ࣮ͷൺֱɾ$PSEPWBͱ5JUBOJVN.PCJMF8FC7JFXϕʔεͰಈ࡞͢ΔͨΊॏ͘ͳΓ͕ͪɾ5JUBOJVN.PCJMFʹ͍ͭͯ࠷ۙͷใ͕΄ͱΜͲͳ͍8FC࣮͢Δඞཁ͕͋Δͱ͍͏Λߟྀ͠ɺஅ೦Copyright © ZOZO Technologies, Inc. All Right Reserved.3FBDU/BUJWF 8FFY 'MVUUFS 9BNBSJO /BUJWF4DSJQU $PSEPWB 5JUBOJVN.PCJMFJ04ΞϓϦରԠ ˓ ˓ ˓ ˓ ˓ ˓ ˓"OESPJEΞϓϦରԠ ˓ ˓ ˓ ˓ ˓ ˓ ˓8FCΞϓϦରԠ ˓ ˓
ΞϓϩʔνɿϏδωεϩδοΫΛશͯϑϩϯτΤϯυʹدͤΔΫϩείϯύΠϧɺτϥϯεύΠϧʹΑΔϥΠϒϥϦ࣮,PUMJO/BUJWF ,PUMJO+4ɾ,PUMJOͰϥΠϒϥϦΛ࣮͠ɺJ04ͱ"OESPJEͷωΠςΟϒόΠφϦͱ+4ʹมɾϥΠϒϥϦΛ֤ϓϥοτϑΥʔϜͰΠϯϙʔτηΩϡϦςΟΛߟ͑Δͱͦ͠͏ɾೝূϩδοΫɾ֤Πϯϑϥʢ%#ɺϝʔϧૹ৴ͳͲʣͷΞΫηεݖCopyright © ZOZO Technologies, Inc. All Right Reserved.
ϑϩϯτΤϯυͷΞʔΩςΫνϟʔͷಋೖCopyright © ZOZO Technologies, Inc. All Right Reserved.ΫϦʔϯΞʔΩςΫνϟͷࢥΛऔΓೖΕΔ͜ͱʹͨ͠ΫϦʔϯΞʔΩςΫνϟͷϙΠϯτɾ֎ͷԁͷԁʹґଘɾ%#ͳͲͷΠϯϑϥʹ֘͢Δ෦6*ಉ༷֎ଆͱͯ͠ఆٛɾϓϨθϯςʔγϣϯσʔλͷଓʹ֘͢Δ෦͕*OUFSGBDF"EBQUFSͱ͍͏ܗͰநԽग़యɿIUUQTCMPHDMFBODPEFSDPNVODMFCPCUIFDMFBOBSDIJUFDUVSFIUNM
શମͷΞʔΩςΫνϟͷΠϝʔδਤCopyright © ZOZO Technologies, Inc. All Right Reserved.6TF$BTFT&OUJUJFT*OUFSGBDF"EBQUFST6TF$BTFT&OUJUJFT*OUFSGBDF"EBQUFST&YUFSOBM*OUFSGBDFTϑϩϯτΤϯυ όοΫΤϯυ %#ϝʔϧ৴ج൫8FCϒϥβ8FCϩʔΧϧετϨʔδ
࣮ʹ͍ͭͯɾ7VFKTͷϖʔδίϯϙʔωϯτ͕6TF$BTFΛแؚɾEPNBJOԼʹ3FQPTJUPSZͷநΫϥεɺ&OUJUZͳͲΛஔɾBQQMJDBUJPOԼʹαʔϏεϞσϧΛஔɾJOUFSGBDFԼʹ7VFKTͷίϯϙʔωϯτͱ7VFYʹଐ͢ΔͷΛஔɾ%FQFOEFODZ*OKFDUJPOͷͨΊʹ*OWFSTJGZ+4Λར༻Copyright © ZOZO Technologies, Inc. All Right Reserved.
"1*ʹΔCopyright © ZOZO Technologies, Inc. All Right Reserved.6TF$BTFT&OUJUJFT*OUFSGBDF"EBQUFST6TF$BTFT&OUJUJFT*OUFSGBDF"EBQUFST&YUFSOBM*OUFSGBDFTϑϩϯτΤϯυ όοΫΤϯυ %#ϝʔϧ৴ج൫8FCϒϥβ8FCϩʔΧϧετϨʔδ͕͍ͬͯΔ
'&ͱ#&Ͱ"1*ʹٻΊΔ͜ͱϑϩϯτΤϯυɾ"1*ϦΫΤετΛෳߦ͍ͨ͘ͳ͍όοΫΤϯυɾ֤ΤϯτϦϙΠϯτͰ͖ΔݶΓγϯϓϧʹ͍ͨ͠ɾը໘ʹԿΛදࣔ͢Δ͔ͳͲͷϑϩϯτͷࣄΛҙࣝͨ͘͠ͳ͍Copyright © ZOZO Technologies, Inc. All Right Reserved.
ղܾํ๏ɾ#'' #BDLFOETGPS'SPOUFOEͷಋೖɾ(SBQI2-ͷಋೖCopyright © ZOZO Technologies, Inc. All Right Reserved.
#'' #BDLFOET'PS'SPOUFOETʹ͍ͭͯɾ࣮ͷख͕ؒݮΔΘ͚Ͱͳ͍ɾܦ༝͢Δαʔόʔ͕૿͑ΔͨΊύϑΥʔϚϯεʹӨڹ͕͋ΔCopyright © ZOZO Technologies, Inc. All Right Reserved.'& #''#&֤'&ʹ߹ͷ͍͍σʔλ6TFS"1*0SEFS"1**UFN"1*
(SBQI2-ʹ͍ͭͯ(SBQI2-"1*ͷͨΊͷΫΤϦݴޠCopyright © ZOZO Technologies, Inc. All Right Reserved.{user(id: "1000") {name}items {id,price}}{"data": {"user": {"name": "Kenji"},"items": [{"id": 1,"price": 980},{"id": 2,"price": 2480}]}}ΫΤϦ Ϩεϙϯε
(SBQI2-ͷརϑϩϯτΤϯυɿҰճͷϦΫΤετͰඞཁͳσʔλΛಘΒΕΔόοΫΤϯυɿϑϩϯτΤϯυ͕ඞཁͱ͢ΔϦΫΤετ୯ҐΛؾʹ͢Δ͜ͱͳ͘։ൃͰ͖ΔͨΊɺυϝΠϯϩδοΫʹूதͰ͖ΔCopyright © ZOZO Technologies, Inc. All Right Reserved.
͓͞Β͍ɿͷݪҼ r ঢ়ଶཧ7VFY͕ٻΊΔ4JOHMFTPVSDFPGUSVUIΛ࣮ݱͰ͖ͳ͔ͬͨ 4UBUFΛ৴པͰ͖Δ།ҰͷใݯʹͰ͖ͳ͔ͬͨɾಉ͡ϦιʔεΛදݱ͢Δঢ়ଶ͕ෳଘࡏɾϦιʔεͱ7JFXʹؔ͢Δঢ়ଶ͕ࠞࡏɾมߋΛݕͰ͖ͳ͍ঢ়ଶͷଘࡏCopyright © ZOZO Technologies, Inc. All Right Reserved.
ΤϯυϙΠϯτʹΑͬͯҟͳΔܕ"1*௨৴ྔΛߟྀͯ͠ɺಉ͡ϦιʔεΛࢀর͢ΔσʔλͰϑΟʔϧυΛݮΒͨ͠ϨεϙϯεΛฦ͢ྫʣΞΠςϜৄࡉ"1*ͱΞΠςϜҰཡ"1*ɾ*UFN JE OBNF QSJDF EFTDSJQUJPO DBUFHPSZɾ-JTU*UFN JE OBNF QSJDFϦιʔε୯ҐͰ4UBUFΛΘͣɺ7JFXʹؔ͢Δ୯ҐͰঢ়ଶΛཧCopyright © ZOZO Technologies, Inc. All Right Reserved.
ঢ়ଶͷมߋΛؚΉ"1*Λར༻͢Δࡍʹى͜Δෆ۩߹ঢ়ଶͷมߋΛݕͰ͖ͣɺࣗಈతʹߋ৽͞Εͳ͍ྫʣ&$αΠτʹ͓͚Δܾࡁͷ߹ܾࡁ༻ͷ"1*ʹϦΫΤετΧʔτͷঢ়ଶΛۭʹߋ৽จͷঢ়ଶΛՃͱͷঢ়ଶͷߋ৽Λ໌ࣔతʹߦ͏ඞཁ͕͋Γɺʹ͍ͭͯจͷσʔλΛऔಘ͢Δඞཁ͋ΔCopyright © ZOZO Technologies, Inc. All Right Reserved.
ঢ়ଶͷมߋΛؚΉ"1*ʹ͍ͭͯͷରԠํ๏ɾϨεϙϯεͰมߋͨ͠ϦιʔεΛฦ͢ɾϙʔϦϯά͢Δɾαʔόʔଆ͔ΒมߋΛϓογϡ͢ΔCopyright © ZOZO Technologies, Inc. All Right Reserved.
ϨεϙϯεͰมߋͨ͠ϦιʔεΛฦ͢ྫʣDBSUDIFDLPVUͷϨεϙϯεCopyright © ZOZO Technologies, Inc. All Right Reserved.{"status": "ok"}{"status": "ok","data": {"cart": {"items": []},"order": {"id": 1,"item_ids": [1, 5, 7],"total_price": 8500}}}ɿ"1*෦Ͱඇಉظʹมߋ͞ΕΔ߹ʹରԠͰ͖ͳ͍
ϙʔϦϯάϑϩϯτΤϯυ͔Βఆظతʹ"1*ΛϦΫΤετ͠ɺ࠷৽ͷঢ়ଶΛө͢ΔɿϦΞϧλΠϜੑΛ૿͢΄Ͳαʔόʔͷෛՙ͕େ͖͘ͳΔCopyright © ZOZO Technologies, Inc. All Right Reserved.
αʔόʔଆ͔ΒมߋΛϓογϡɾ8FC4PDLFUʢྫɿNFUFPS 'JSFCBTF3FBMUJNF%BUBCBTFʣɾ4FSWFS4FOU&WFOUTɾH31$ͷํετϦʔϛϯάʢྫɿ$MPVE'JSF4UPSFʣΫϥΠΞϯτͷ૿Ճʹ͏ίωΫγϣϯͷ૿Ճʹ͍ͭͯߟྀ͕ඞཁ'JSFCBTF3FBMUJNF%BUBCBTF$MPVE'JSF4UPSFۚમతίετ͕ݒ೦Copyright © ZOZO Technologies, Inc. All Right Reserved.
αʔόʔଆͰͷঢ়ଶͷมߋͷݕʹ͍ͭͯͷߟ͑ɾόοΫΤϯυؚΊͯͷେ͖ͳվम͕ඞཁɾίετʹݟ߹͏͚ͩͷՁ͕͋Δ͔ͷݕ౼͕ඞཁݱ࣌ͰɺϑϩϯτΤϯυͰมߋΛߟྀͯ͠ɺ࠶औಘ͢ΔํCopyright © ZOZO Technologies, Inc. All Right Reserved.
࠾༻ͨ͠7VFYͷ͍ํɾ4UBUFΛϦιʔε୯ҐͰཧ͢ΔͷΛΊɺ1BHF୯ҐͰཧɾϔομʔͳͲͷαΠτશମͰڞ௨ͷͷDPNNPOͱ͍͏ωʔϜεϖʔεͰڞ༗ɾਃ͠ࠐΈϑϩʔͳͲͷϖʔδϖʔδάϧʔϓͱͯ͠ڞ௨ͷωʔϜεϖʔεΛ࡞Copyright © ZOZO Technologies, Inc. All Right Reserved.
վળޙΛ·ͱΊͨਤCopyright © ZOZO Technologies, Inc. All Right Reserved.6TF$BTFT&OUJUJFT*OUFSGBDF"EBQUFST6TF$BTFT&OUJUJFT*OUFSGBDF"EBQUFST&YUFSOBM*OUFSGBDFTϑϩϯτΤϯυ όοΫΤϯυ %#ϝʔϧ৴ج൫8FCϒϥβ8FCϩʔΧϧετϨʔδ7VFYͰϖʔδ୯Ґͷঢ়ଶΛཧ
ओͳσΟϨΫτϦߏͷൺֱCopyright © ZOZO Technologies, Inc. All Right Reserved.TSDc DPNQPOFOUTc TUPSFc Ϧιʔε୯Ґc ϖʔδ୯Ґc TFSWJDFc UZQFTTSDc DPNQPOFOUTc TUPSFc ϖʔδ୯Ґc JOUFSGBDFc BEBQUFSTc BQJ4FSWJDFTc UZQFTc TFSWJDF*NQMFNFOUTc SFQPTJUPSZ*NQMFNFOUTc BQQMJDBUJPOc TFSWJDFTc NPEFMTc EPNBJOc FOUJUJFTc SFQPTJUPSJFTc WBMVF0CKFDUT
·ͱΊɾઃܭΛݟ্͢Ͱߟྀٕͨ͠ज़ɺΞʔΩςΫνϟΛհɾঢ়ଶཧ7VFYͷར༻ํ๏Λ࠶ߟɾϑϩϯτΤϯυʹΫϦʔϯΞʔΩςΫνϟͷߟ͑ΛಋೖɾνʔϜͷঢ়گʹଈͨ͠ΞʔΩςΫνϟͷબఆ͕ॏཁCopyright © ZOZO Technologies, Inc. All Right Reserved.