Vue.js Tokyo v-meetup #8 の発表資料 https://vuejs-meetup.connpass.com/event/95678/
7VF'FTαΠτͷվળEFWUPͦͯ͠Ѩ෦ͷϗʔϜϖʔδΛ͑Ζʂ͍ͷ͏͑ͨ͘ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB7VFKT5PLZPWNFFVQ
View Slide
స৬υϥϑτʢCZϦϒηϯεʣ͍ͷ͏͓͍͑ͨͪ͘ΌΜ!JOPVFUBLVZB/VYUKT 7VFY 7VFKTެࣜυΩϡϝϯτͷ༁ऀɺϝϯςφ൴ঁ͔Βɺ͓͍ͪΌΜͱݺΕ͍ͯ·͢
7VF'FTαΠτͷಛwIUUQTWVFGFTKQwϔουը૾େখຕͷը૾w੩తαΠτʢ/VYU(FOFSBUFʣw/FUMJGZ
ࠓ͢͜ͱ
͢͜ͱwඪͷཱͯํʢॏཁʣwվળʢͲͷΑ͏ʹߟ͑ͯԿΛ͔ͬͨʣwΛҡ࣋͢ΔΈͮ͘Γ
͞ͳ͍͜ͱwվળͷৄࡉʢ࣮ʣ
ඪͷཱͯํ
Ϗδωεΰʔϧ͔Βߟ͑Δ
7VF'FTαΠτͷׂw7VF'FTͱ͍͏ΠϕϯτΛͬͯΒ͏ʢपʣw7VF'FTʹߦ͖͍ͨͱࢥͬͯΒ͏ʢڵຯͷשىɺಈػ͚ͮʣw7VF'FTΛָ͠ΊΔใΛఏڙ͢Δ
7VF'FTαΠτͷվળ͕ͲͷΑ͏ʹܨ͕Δ͔ʁ
7VFKTͷ7VF'FTαΠτ͕ߴͰշదʹݟΒΕΔ
7VFKTͷϒϥϯσΟϯά
7VFKTͻ͍ͯ7VF'FTʹڵຯΛ࣋ͬͯΒ͑Δ
੩తαΠτͷվળͷࢦඪ
ʮͲͷࢦඪʯ͕ʮͲͷ͘Β͍ʯ͚Εྑ͍͔ʁ
'JSTU.FBOJOHGVM1BJOUw IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQFSGPSNBODFVTFSDFOUSJDQFSGPSNBODFNFUSJDT8FCϖʔδ͕Ϣʔβʔʹͱͬͯҙຯͷ͋ΔʢʹཱͭʣදࣔʹͳͬͨλΠϛϯά
Ͳͷ͘Β͍͚ΕΑ͍͔ʁwϠίϒɾχʔϧηϯͷهࣄwਓؒͷೝػೳͷ؍͔ΒʣҰ࿈ͷφϏήʔγϣϯ͕ؒஅͳ͘ਐΜͰ͍Δͱײ͡ΒΕΔݶքඵw3"*-Ϟσϧw3FTQPOTF "OJNBUJPO *EMF -PBEͷඪw-PBEͷඪ ϛϦඵ
ք۾Ͱʮ͜ͷαΠτ͍ʯͱ͞Ε͍ͯΔαΠτΛ͑Δ΄͏͕7VFKTͷϒϥϯσΟϯάʹܨ͕ΔͷͰʁ
Ͳͷ͘Β͍͚ΕΑ͍͔ʁwEFWUPͷ'JSTU.FBOJOHGVM1BJOUʢҎԼ'.1ʣΛ͑ΔʂwѨ෦ͷϗʔϜϖʔδͷ'.1Λ͑Δʂ
ܭଌ߹ϞχλϦϯάwܭଌ༻ͷԾڥwಉ݅͡Ͱ܁Γฦ͠ܭଌΛߦ͏w8FC1BHFUFTU
EFWUPw'.1NT
Ѩ෦ͷϗʔϜϖʔδw'.1NT
7VF'FTαΠτʢ#FGPSFʣw'.1NT
վળ
͍·ɺͲ͜ͷվળΛ͍ͬͯΔʁΛৗʹҙࣝ
ΫϦςΟΧϧϨϯμϦϯάύεΛৗʹ೦಄ʹஔ͘
IUUQTTRMB[VSFKQSCPPLʢຊʹࡌ͍ͬͯΔਤʣ
ຊʹޮՌ͕͋ͬͨͷ͔#FGPSF"GUFSΛͻͱͭͣͭܭଌ
ҎԼɺಛʹޮՌ͕େ͖͔ͬͨͷΛհ͍ͯ͘͠
ը૾ͷ࠷దԽฤ
ը૾ܗࣜͷબ
ը૾ܗࣜͷಛൺֱw IUUQTXXXIUNMSPDLTDPNFOUVUPSJBMTTQFFEJNHDPNQSFTTJPO
ը૾ͷϦαΠζ
ը૾ͷϦαΠζwෆඞཁʹେ͖ͳը૾Λϩʔυ͠ͳ͍Α͏ʹ͢ΔwQQJʢQJYFMQFSJODIʣʹ߹Θͤͯ࠷దͳαΠζͷը૾Λϩʔυ͢ΔwTSDTFUଐੑ
TSDTFUଐੑ
ը૾ͷѹॖ
ը૾ͷѹॖϥΠϒϥϦwNP[KQFHKQFHUBOKQFHPQUJNwQOHRVBOUwPQUJQOHwHJGTJDMFwTWHP
(6*πʔϧw*NBHF0QUJNw෦Ͱ+1&(0QUJN0QUJ1/(ͳͲΛ͏w+1&(NJOJͱൺֱͯ͠ߴ͍ѹॖɻॲཧ͍w*NBHF"MQIB
ίϚϯυϥΠϯπʔϧwJNBHFNJOwJNBHFNJONP[KQFHwJNBHFNJOKQFHPQUJNwͳͲϓϥάΠϯͱ߹Θͤͯ͏
JNBHFNJOwOQNJOTUBMMJNBHFNJODMJwOQNJOTUBMMJNBHFNJOQOHRVBOUwJNBHFNJOQMVHJOQOHRVBOUPVUEJSCBSGPP
ը૾ͷԆಡࠐ
ը૾ͷԆಡࠐwWVFMB[ZMPBEwϑΝʔετϏϡʔʹೖΒͳ͍ը૾ԆಡࠐwϓϨʔεϗϧμը૾ΛͰ͖Δ͚ͩදࣔͤͨ͘͞ͳ͔ͬͨͷͰɺ7JFXQPSUΑΓQYԼʹདྷͨ࣌ͰಡࠐΛ։࢝
ը૾ͷԆಡࠐwʮը૾͕7JFXQPSUΑΓQYԼʹདྷͨʯఆ*OUFSTFDUJPO0CTFSWFSͰw·ͩ*&ͱ4BGBSJ͕ରԠ͍ͯ͠ͳ͍ͷͰ1PMZpMM͕ඞཁ
8FCϑΥϯτฤ
"EPCF5ZQFLJUw$44͔ΒಡΈࠐΉͱʙNT΄ͲϨϯμϦϯάΛϒϩοΫͯ͠͠·͏w+4ͰԆಡࠐͤ͞ΔΑ͏ʹͨ͠
1SFMPBE
)551 $%/
վળͷ݁Ռ
7VF'FTαΠτʢ"GUFSʣw'.1NTNTwEFWUPNTѨ෦ͷϗʔϜϖʔδNTʢ͜ΕͲ͏ͬͨΒউͯΔΜͩʜ
Λҡ࣋͢ΔΈͮ͘Γ
ը૾ѹॖͷࣗಈԽ
(JU)PPLTwίϛοτ͢ΔલʹࣗಈͰը૾ѹॖwIVTLZΛ͑όʔδϣϯཧͰ͖Δ
IVTLZઃఆྫ
ϞχλϦϯάͷڧԽ
ϞχλϦϯάͷڧԽw8FC1BHFUFTUΛϗεςΟϯάͯ͠ɺఆظతʹ࣮ߦ͢ΔͳͲwʢ·͍ͩͬͯͳ͍͕ɺͬͯΈ͍ͨʣ
·ͱΊwվળͷඪɺϏδωεΰʔϧ͔Βߟཱ͑ͯͯΔwΫϦςΟΧϧϨϯμϦϯάύεΛ೦಄ʹஔ͍ͯɺ͍·ɺͲ͜ͷվળΛ͍ͬͯΔͷ͔Λৗʹҙࣝ͢ΔwվળΛҰͬͯऴΘΓͰͳ͘ɺվળͨ͠Λҡ࣋͢ΔΈॏཁ