Vue.js্ͰDragˍDrop౳ɺ ௫ΜͩΓಈ͔ͨ͠Γ͢Δ΋ͷΛΠν͔Β࣮૷ͨ͠࿩

ࣗݾ঺հ ໊લ૬ݪ޼ਓ ৬छϑϩϯτΤϯυΤϯδχΞ ಘҙΠϯλϥΫγϣϯ࣮૷ ڵຯ&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 NPVTFNPWF΍NPVTFVQ౳ͷΠϕϯτΛSFNPWF w GSPNͱUPͷσʔλΛฦ͢ʂ

ΤϦΞ͔Βग़ͨঢ়ଶͰ NPVTFVQ͢ΔͱɺϦηοτʂ ௫Μͩ΋ͷΛಈ͔͢

ESPQΤϦΞͷදࣔ w ର৅ͷXJEUI IFJHIUΛίϐʔͯ͠લޙʹ഑ஔ w جຊతʹϨϯμϦϯά͞Εͯͳ͍͕ɺ৚݅Ͱग़ݱ

ESPQΤϦΞͷදࣔ Ϛ΢εಈ࡞ͷํ޲্͕ԼͲ͔ͬͪͰදࣔΛৼΓ෼͚ʂ ͔ͭલͷ*OEFY͕໭͖ͬͯͨͷ͔ɺ͕͖͋ͬͯͨͷ͔

άϧʔϓผ%% w ൚༻తʹ͍ͨ͠ʂ w ͳͷͰTUPSFͱ͔͸ར༻ͨ͘͠ͳ͍ʂ w ୭Ͱ΋࢖͑ΔΑ͏ʹ͍ͨ͠ʂ

4FTTJPO4UPSBHF w ESBHத͚ͩάϧʔϓ΍σʔλ΍JOEFYΛॻ͖ࠐΉʂ w ଞάϧʔϓͷΞΠςϜΛIPWFSͨ࣌͠ɺ͜͜Λࢀরʂ

͔ͤͬ͘൚༻త ʹ࡞ͬͨͷͰ

ΦʔϓϯιʔεԽ w ޙ೔ϒϩάʹͯৄࡉͱຊϓϥάΠϯͷ։ൃܭըॻ͖·͢ w ۙ೔தʹOQNJOTUBMMͰ͖ΔΑ͏ʹ͠·͢ʂ