2019年6月25日(火)開催のアシアル技術セミナーでの発表資料
ϞόΠϧUIΞχϝʔγϣϯೖɹʙVueΞϓϦέʔγϣϯΛࡐʹʙΞγΞϧגࣜձࣾɹΤϯδχΞɹฏࢁ
View Slide
ΞδΣϯμ• ॳΊʹ• ਓ͕ʹٻΊΔ͜ͱͱ࣭ʹ͍ͭͯ• Ξχϝʔγϣϯͷతͱॏཁੑ• ࣮ྫ• ·ͱΊ
ॳΊʹॳΊͯͷΞχϝʔγϣϯ࣮՝ͱؾ͖ࣗɿΞχϝʔγϣϯͷཧղΛਂΊΔօ͞ΜɿΞχϝʔγϣϯͷϞνϕʔγϣϯΛߴΊΔ
ਓ͕ʹٻΊΔ͜ͱͷ༏ઌॱҐ• ੈք࠷େͷϝʔϧ৴αʔϏεʮMailChimpʯͷɹUXσΟϨΫλʔ(αʔϏεΛ͏ਓͷମݧΛઃܭ͢Δ)ɹɹΞʔϩϯɾΥϧλʔ
ਓ͕ʹٻΊΔ͜ͱͷ༏ઌॱҐ• Ξʔϩϯ͕ߟ͑ΔϢʔβʔχʔζͷ֊
࣭ͷྨ• ౦ژཧՊେֶڭतɹङلত࣭ͷྨϞσϧ (ङϞσϧ)
ङϞσϧͰͷ࣭ͷྨʢൈਮʣ• ͨΓલ࣭ʢྫɿεϚʔτϑΥϯͷىಈʣɹɹɹຬͨ͞ΕͯͨΓલɹɹɹຬͨ͞Εͳ͚ΕෆຬͱͳΔ• Ұݩత࣭ʢྫɿεϚʔτϑΥϯిݯͷ࣋ͪ࣌ؒʣɹɹɹຬͨ͞ΕΕتΕΔɹɹɹຬͨ͞Εͳ͚ΕෆຬͱͳΔ• ັྗత࣭ʢྫɿεϚʔτϑΥϯͷΞϓϦʣɹɹɹຬͨ͞ΕΕتΕΔɹɹɹຬͨ͞Εͳͯ͘ෆຬͱͳΒͳ͍
ΞδΣϯμ• ॳΊʹ• Ϣʔβʔ͕ʹٻΊΔ͜ͱͱ࣭ʹ͍ͭͯ• Ξχϝʔγϣϯͷతͱॏཁੑ• ࣮ྫ• ·ͱΊ
Ξχϝʔγϣϯͷత• ߦΘΕͨॲཧΛϢʔβʔʹΘ͔Γ͑͘͢Δ
Ξχϝʔγϣϯͷత• ָ͠͞ɺ໘ന͞Λԋग़͢Δग़యɿ3FDJQF'JOEFSCZ4FSIJJ)BOVTIDIBLc%SJCCCMFc%SJCCCMFIUUQTESJCCCMFDPNTIPUT3FDJQF'JOEFS
ਓ͕ʹٻΊΔͷັྗత࣭ͨΓલ࣭ϫΫϫΫײɺָ͠͞Λԋग़͢ΔΞϓϦͰߦΘΕͨॲཧΛϢʔβʔʹΘ͔Γ͑͘͢ΔҰݩత࣭
৭ʑͳΞχϝʔγϣϯ• ΞίʔσΟΦϯɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹ• Ϧετදࣔ• ը໘ભҠ• ϩʔσΟϯά• ϓϩάϨεόʔɹɹɹɹɹɹɾɾɾʑग़యɿIUUQTKBPOTFOJPWBQJWVFWPOTMJTUJUFNIUNM
৭ʑͳΞχϝʔγϣϯ• ΞίʔσΟΦϯ• Ϧετදࣔ• ը໘ભҠ• ϩʔσΟϯά• ϓϩάϨεόʔɹɹɹɹɹɹɾɾɾʑ
εϥΠυ͢Δը໘ભҠ
͛Δը໘ભҠ
์ࣹܕมܗ• ϚςϦΞϧσβΠϯɹɹɹग़యɿ."5&3*"-%&4*(/IUUQTNBUFSJBMJPEFTJHODPNQPOFOUTCVUUPOTGMPBUJOHBDUJPOCVUUPOIUNMUZQFTPGUSBOTJUJPOT
ܨ͗Λײͤ͡͞ͳ͍ը໘ભҠ
ଓܕΞχϝʔγϣϯɹɹɹग़యɿ8JOEPXT681BQQMJDBUJPOTc.JDSPTPGU%PDTIUUQTEPDTNJDSPTPGUDPNKBKQXJOEPXTVXQEFTJHONPUJPODPOOFDUFEBOJNBUJPO
ϩʔσΟϯά
Ϟʔγϣϯϩΰग़యɿ3FCSBOEc$BTFTUVEJFTc%FTJHOBU6CFSIUUQTXXXVCFSEFTJHODBTFTUVEJFTSFCSBOE
Ϟʔγϣϯϩΰ
ϓϩάϨεόʔ
͓ॕ͍• ొ࡞ۀ͕શͯྃͨ͠ͱ͖ͷը໘
ਧ͖ग़͠• Πϯετʔϧޙ
ਧ͖ग़͠• Ξχϝʔγϣϯௐޙ
Ξχϝʔγϣϯͷεϐʔυ• ϚςϦΞϧσβΠϯग़యɿ4QFFEc.BUFSJBM%FTJHOIUUQTNBUFSJBMJPEFTJHONPUJPOTQFFEIUNM(PPE #BE
༻ϥΠϒϥϦ• anime.js - https://animejs.com
·ͱΊ• ࠓ·ͰͷΛ౿·͑ͯΞχϝʔγϣϯͷϞνϕʔγϣϯߴ·Γ·͔ͨ͠ʁͦͯ͠…
·ͱΊগ͠Ͱߴ͍࣭ͷΛ࡞Γग़͍͖ͯ͠·͠ΐ͏ʂ