Vue.js্ͰDragˍDropɺ௫ΜͩΓಈ͔ͨ͠Γ͢ΔͷΛΠν͔Β࣮ͨ͠
View Slide
ࣗݾհ໊લ૬ݪਓ৬छϑϩϯτΤϯυΤϯδχΞಘҙΠϯλϥΫγϣϯ࣮ڵຯ&MFDUSPO 8FFLझຯྉཧͱ''݂ӷܕࡀ
ུྺ݄ւಓใେֶଔۀ݄̐גࣜձࣾ"#$৽ଔೖࣾ༡ٕػͷαϯυΫϦΤΠλʔͱͯ͠࡞ۂΞςϨίσΟϨΫλʔɺޮՌԻ࡞Λߦ͏ɻגࣜձࣾ"45"3ೖࣾ8FCσβΠφʔ)5.-ίʔμʔͱͯ͠ୈೋ৽ଔೖࣾɻͦͷޙK2VFSZͷ࣮ܥʹڵຯ͕ҠΓϑϩϯτΤϯυΤϯδχΞʹɻגࣜձࣾϠϓϦೖࣾϑϩϯτΤϯυΤϯδχΞͱͯ͠ʑࣾͷ߽ܼୡʹѱເͷΑ͏ͳཁٻΛ͞ΕΔʑΛݱࡏ·Ͱա͍ͯ͝͠Δɻ
7VFESBHBOETPSU Ծw 'SPN5PͷσʔλͷΈฦͯ͘͠ΔΒ͍༷͠w ฒͼସ͑ɺผάϧʔϓ͔Βͷड͚ೖΕɺผάϧʔϓͷૹΓɺड͚ೖΕͱฒͼସ͑ͷಈ࡞มߋࡉ͔ͳઃఆ͕Մೳw ಋೖࣗମJNQPSUͯ͠XSBQ͢Δ͚ͩʂ
ͳΜͰΘ͟Θ͟ʁ
w ௫ΜͰΔঢ়ଶͩͱγϟυ͕ݟΕΔʢࣗ༝ʹ͍ͨ͠w ଞάϧʔϓͷ%%͕Ͱ͖Δ͜ͱw ࣗάϧʔϓͰͷೖΕସ͑ͱɺଞάϧʔϓ͔Βͷड͚ೖΕΛผಈ࡞ʹͰ͖Δࣄw ϓϥάΠϯͩͱରԠग़དྷͳ͍ɻ࡞ͬͯɻ
%%ͷ֓೦Λղ௫Ή௫ΜͩͷΛಈ͔͢௫ΜͰಈ͔ͨ͠ͷΛ͢
௫Ήw ௫Ήͱ伱ؒ࣌ؒw .PVTF%PXOͱ.PVTF6Qͷ伱ؒw .PVTF%PXO௫Ήରʹ͚ͩw .PVTF6QΛड͚͚Δൣғը໘શମ
௫ΜͩͷΛಈ͔͢w .PVTF.PWFͰ࠲ඪΛߋ৽͚ͭͮ͠Δw .PVTF.PWFը໘શମͰड͚͚Δw ௫ΜͩରΛpYʹ͠ɺ5PQɺ-FGUΛߋ৽w ͜ͷࡍIPWFSͨ͠ΞΠςϜͷJOEFYΛߋ৽͠ଓ͚Δ
௫ΜͰಈ͔ͨ͠ͷΛ͢w NPVTFNPWFNPVTFVQͷΠϕϯτΛSFNPWFw GSPNͱUPͷσʔλΛฦ͢ʂ
ΤϦΞ͔Βग़ͨঢ়ଶͰNPVTFVQ͢ΔͱɺϦηοτʂ௫ΜͩͷΛಈ͔͢
ESPQΤϦΞͷදࣔw ରͷXJEUI IFJHIUΛίϐʔͯ͠લޙʹஔw جຊతʹϨϯμϦϯά͞Εͯͳ͍͕ɺ݅Ͱग़ݱ
ESPQΤϦΞͷදࣔϚεಈ࡞ͷํ্͕ԼͲ͔ͬͪͰදࣔΛৼΓ͚ʂ͔ͭલͷ*OEFY͕͖ͬͯͨͷ͔ɺ͕͖͋ͬͯͨͷ͔
άϧʔϓผ%%w ൚༻తʹ͍ͨ͠ʂw ͳͷͰTUPSFͱ͔ར༻ͨ͘͠ͳ͍ʂw ୭Ͱ͑ΔΑ͏ʹ͍ͨ͠ʂ
4FTTJPO4UPSBHFw ESBHத͚ͩάϧʔϓσʔλJOEFYΛॻ͖ࠐΉʂw ଞάϧʔϓͷΞΠςϜΛIPWFSͨ࣌͠ɺ͜͜Λࢀরʂ
͔ͤͬ͘൚༻తʹ࡞ͬͨͷͰ
ΦʔϓϯιʔεԽw ޙϒϩάʹͯৄࡉͱຊϓϥάΠϯͷ։ൃܭըॻ͖·͢w ۙதʹOQNJOTUBMMͰ͖ΔΑ͏ʹ͠·͢ʂ