Vue.Draggableã¯ãVue.js製ã®ãã©ãã°ï¼ããããã³ã³ãã¼ããã³ãã©ã¤ãã©ãªã§ãã ç¾åããVue.js製ã®ãã©ãã°ï¼ããããã©ã¤ãã©ãªã¨ãã¦ã¯ãæ大ã®äººæ°ãèªãã¾ãã ã³ã³ãã¤ã«ãå¿ è¦ã¨ããªãUMDç¨ã®JSãã¡ã¤ã«ãç¨æããã¦ããã®ã§ãjQueryããã®åãæ¿ãã容æã«è¡ãäºãå¯è½ã§ãã åç´ã«ãã©ãã°ï¼ããããã®æ©è½ã欲ãããã°ããã®ã©ã¤ãã©ãªãé¸ãã§ããã°åé¡ç¡ãã¯ãã§ãã 主ãªä½¿ç¨ç¨éã®ä¸¦ã³é ãå¤æ´ããã®ã¯ãã¡ãããè¤æ°ã®ã¨ãªã¢ã移åãããã¨ãå¯è½ã§ãã ããã«ã¹ããã«ã対å¿ãã¦ãããã¿ããã¤ãã³ãã«ãã移åãå¯è½ã¨ãªã£ã¦ãã¾ãã åºæ¬çãªä½¿ãæ¹ãã¡ãã£ã¨ããå¿ç¨ãªã©ã³ããã§1åã®ãµã³ãã«ãå ¬éãã¦ãã¾ãã The post [Vue3対å¿]Vue.jsã§ãã©ãã°ï¼ãããããããªããVue.Draggableãããããã first appeared on ã«ãã®æ¨¹.
æ¬é£è¼ã§ã¯ãWebãã¼ã¸ã®ã¦ã¼ã¶ã¼ã¤ã³ã¿ãã§ã¼ã¹ï¼UIï¼æ§ç¯ã«ãVue 3ããå©ç¨ãããã¬ã¼ã ã¯ã¼ã¯ãNuxt 3ãã®æ´»ç¨æ¹æ³ãç´¹ä»ãã¾ããååã¯ãNuxt 3ã®æ¦è¦ãNuxt 3ããã¸ã§ã¯ãã®çæã»å®è¡ãNuxt 2ã®ããã¸ã§ã¯ãã§Nuxt 3ã®æ©è½ãå©ç¨ããNuxt Bridgeãç´¹ä»ãã¾ãããä»åã¯ãVue.jsã®åºæ¬è¨æ³ãç°¡åã«ç¢ºèªããå¾ãNuxt 3ã§å©ç¨ã§ãããuseAsyncDataããuseFetchãæ©è½ãç´¹ä»ãã¾ãã ã¯ããã« Nuxt.jsã¯ãWebãã¼ã¸ã®ã¦ã¼ã¶ã¼ã¤ã³ã¿ãã§ã¼ã¹ï¼UIï¼ãæ§ç¯ã§ããVue.jsã¨ã¨ãã«ãæ§ã ãªè¿½å æ©è½ãã¾ã¨ãã¦æä¾ãããã¬ã¼ã ã¯ã¼ã¯ã§ããç¾å¨æ¬¡æãã¼ã¸ã§ã³ãNuxt 3ããéçºä¸ã§ã2022å¹´4æã«ãªãªã¼ã¹åè£ï¼RCï¼çããªãªã¼ã¹ããã¾ããã ååã¯å°å ¥ç·¨ã¨ãã¦ãNuxt 3ã®æ¦è¦ã説æããã¨ã¨ãã«ãNuxt 3ããã¸ã§ã¯ããçæã»å®
Framework7 - ã¯ããã¤ãã£ããªã«ãã¯ï¼ãã£ã¼ã«ãæã¤ã¢ãã¤ã«ããã¹ã¯ããããã¾ãã¯ã¦ã§ãã¢ããªã±ã¼ã·ã§ã³ãéçºããããã®ããªã¼ã§ãªã¼ãã³ã½ã¼ã¹ã®ãã¬ã¼ã ã¯ã¼ã¯ã§ããã¾ããå¿ è¦ã«å¿ãã¦ã¢ããªã®ãããã¿ã¤ããããã«è¡¨ç¤ºã§ãããä¸å¯æ¬ ãªãããã¿ã¤ãã³ã°ãã¼ã«ã§ãããã¾ãã Framework7ãæä¾ããé åçãªUIã³ã³ãã¼ãã³ãã®ã»ããã使ãã°ãã¦ã§ãã¢ããªãããã°ã¬ãã·ãã¦ã§ãã¢ããªï¼PWAï¼ãiOSããã³Androidã¢ããªããã¤ãã£ããªã«ãã¯ï¼ãã£ã¼ã«ã§ä½æãããã¨ãã§ãã¾ãã ã¾ããElectronãNW.jsãªã©ã®è¿½å ãã¼ã«ã¨çµã¿åããããã¨ã§ããã¤ãã£ããªãã¹ã¯ãããã¢ããªãæ§ç¯ãããã¨ãã§ãã¾ãã Framework7ã§ã¯ãã好ããªãã¼ã«ãã使ãããã ãã¾ããHTMLãCSSãJavaScript以å¤ã®ä½¿ç¨ãå¼·å¶ããããã¨ã¯ããã¾ãããFramework7ã§ã¢ããªãä½ã
æ¬é£è¼ã§ã¯ãJavaScriptãã¬ã¼ã ã¯ã¼ã¯ãVue.jsãããåå®ç¾©ãå©ç¨ã§ããããJavaScriptãæ¡å¼µããè¨èªãTypeScriptãã§æ´»ç¨ããæ¹æ³ããé ã追ã£ã¦èª¬æãã¦ããã¾ããååã¯Vue.jsã§ã³ã¼ãã£ã³ã°ããããã®åºæ¬çãªè¨æ³ã説æãã¾ãããä»åã¯Vue.jsã®å ¬å¼ããã°ããçºä¿¡ããããVue 3ãããã©ã«ããã¼ã¸ã§ã³ã«ãããçºè¡¨ã¨ãããã«ä¼´ã£ã¦ãããã¾ã§ã¨å¤ãã£ã¦ããVue.jséçºã®æ°å¸¸èãç´¹ä»ãã¦ããã¾ãã ã¯ããã« æ¬é£è¼ã§ã¯ãJavaScriptãå©ç¨ãã¦åçãªWebãã¼ã¸ãæ§ç¯ã§ãããã¬ã¼ã ã¯ã¼ã¯Vue.jsãããã¼ã¿ã®åæå®ãã§ããããã«æ¡å¼µãããAltJSï¼ã³ã³ãã¤ã«ãã¦JavaScriptã«ããè¨èªï¼ã§ããTypeScriptã§æ´»ç¨ããæ¹æ³ããé ã追ã£ã¦èª¬æãã¦ãã¾ãã æ¬é£è¼ã§ã¯Vue.jsã®ææ°ãã¼ã¸ã§ã³ã¨ãªããVue 3ããç¨ãã¦ãã¾ããããå®ã¯
CodeZineç·¨éé¨ã§ã¯ãç¾å ´ã§æ´»èºãããããããã¼ãã¹ã¿ã¼ã«ããããã®ã«ã³ãã¡ã¬ã³ã¹ãDevelopers Summitãããã¨ã³ã¸ãã¢ã®çããã¾ããã¼ã¹ãããããã®ã¤ãã³ããDevelopers Boostããªã©ããã¾ãã¾ãªã«ã³ãã¡ã¬ã³ã¹ãä¼ç»ã»éå¶ãã¦ãã¾ãã
2021å¹´ã®Vue.jsã¯æ°ããVue 3ã®ã³ã¢ãå®å®ããéçºç°å¢ããã©ã¤ãã©ãªãã³ã¼ãã®æ¸ãæ¹ã¾ã§ãæ°ããçºè¡¨ã®å¤ãä¸å¹´ã§ãããICSã§ã¯ãã§ã«è¤æ°ã®ããã¸ã§ã¯ãã§Vue 3ãViteçã®æ°ãããã¬ã¼ã ã¯ã¼ã¯ã»ãã¼ã«ã使ç¨ãã¦ãã¾ãããã¾ã ã¾ã æ§åè¦ã¨ããæ¹ãå¤ãã§ãããã å¤åã®å¤§ããVue 3ã®å¨è¾ºã§ããã2021å¹´11æã®VueConf Toronto 2021ï¼ã»ãã·ã§ã³åç»ï¼ã§ãããã次ã®å®çªã¨è¨ããæ§æãã¢ãã¦ã³ã¹ããã¾ããããã®è¨äºã§ã¯ãViteã»cteate-vueã»<script setup>ã»Piniaã¨ãã£ãæ°ããæ¨è¦æ§æãç´¹ä»ããVue 2æ代ããä½ãè¯ããªãã®ããæ¯è¼ãã¾ãã æ°ããæ§æã¯ä½ãè¯ããªãï¼ãã¡ãªãããç¢ºèª æ°ããæ§æã§ã¯ããã¸ã§ã¯ããä½æããéã®ã³ãã³ãã©ã¤ã³ãã¼ã«ããVS Codeã®æ©è½æ¡å¼µãã³ã¼ãã®æ¸ãæ¹ã¾ã§ããã¾ãã¾ãªé¨åãå¤ãã£ã¦ãã¾ããå
æ¬é£è¼ã§ã¯ãJavaScriptãã¬ã¼ã ã¯ã¼ã¯ãVue.jsãããåå®ç¾©ãå©ç¨ã§ããããJavaScriptãæ¡å¼µããè¨èªãTypeScriptãã§æ´»ç¨ããæ¹æ³ããé ã追ã£ã¦èª¬æãã¦ããã¾ããååã¨ãªãä»åã¯ãç°¡åãªãµã³ãã«ãéãã¦ãVue.jsã¨TypeScriptã®æ¦è¦ã¨æ©è½ãç´¹ä»ãã¦ããã¾ãã ã¯ããã« Webããã³ãã¨ã³ãéçºã®åéã§ã¯ãJavaScriptãå©ç¨ãã¦åçãªWebãã¼ã¸ãæ§ç¯ã§ããã©ã¤ãã©ãªã¼ããã¬ã¼ã ã¯ã¼ã¯ãããã¤ãããã¾ããGoogleãä¸å¿ã¨ãªã£ã¦éçºãã¦ããAngularããã®å身ã§ããAngularJSãFacebookãä¸å¿ã¨ãªã£ã¦éçºãã¦ããReactãªã©ãæåã§ãã æ¬é£è¼ã§åãä¸ããVue.jsãããã®ãããªãã¬ã¼ã ã¯ã¼ã¯ã®ä¸ã¤ã§ããJavaScriptãå©ç¨ãã¦ããã¼ã¿ã¨Webãã¼ã¸ã®å 容ãçµã³ä»ãã¦ï¼ãã¤ã³ãã£ã³ã°ãã¦ï¼è¡¨ç¤ºããããWebãã¼ã¸
Vuestic UIã¯ãªã¼ãã³ã½ã¼ã¹ã®Vue.jsåãUIãã¬ã¼ã ã¯ã¼ã¯ã§ããVue 3ã«å¯¾å¿ãã¦ããå¤æ°ã³ã³ãã¼ãã³ãã«å ãã¦ç®¡çç»é¢ãã³ãã¬ã¼ããç¨æããã¦ãã¾ãã ã³ã³ãã¼ãã³ãã¯ã¢ã©ã¼ãããã¿ã³ããã°ã«ããã©ã¼ã ãã¢ã³ã¼ãã£ãªã³ãã¢ã¼ãã«ãã«ã¼ãããªã¹ãããã³ãããã¿ãããã¼ã¸ãã¼ã·ã§ã³ããã¼ãã¼ãããã°ã¬ã¹ãã¼ãªã©ãªã©æ§ã ãªããã¸ã§ã¯ãã§ä½¿ãããUIã³ã³ãã¼ãã³ãã50以ä¸ç¨æããã¦ãããã¬ã¹ãã³ã·ãã«ã対å¿ãã¦ãã¾ãã ã¾ããã¢ã¯ã»ã·ããªãã£ã¨ãã¦ãã¼ãã¼ãããã²ã¼ã·ã§ã³ããµãã¼ããTabãã¼ãShift + Tabãªã©ã§å ¨ã¦ã®ã¤ã³ã¿ã©ã¯ãã£ãè¦ç´ ã«ãã©ã¼ã«ã¹ã§ããããè¨è¨ããã¦ãã¾ãã æ´ã«ã管çç»é¢ãã³ãã¬ã¼ããç¨æããã¦ããã®ã§ç®¡çç»é¢ãæã¤Webã¢ããªçã®ããã¸ã§ã¯ãã«ãããæ½å·¥å·¥æ°ãå¤§å¹ ã«åæ¸ã§ããå¯è½æ§ãæã£ã¦ããã®ãã¡ãªããã¨è¨ãããã§ãã ã³ã³ãã¼ãã³ãã管çç»
ã¯ããã« Vue.jsã¯ãWebãã¼ã¸ã®ã¦ã¼ã¶ã¼ã¤ã³ã¿ãã§ã¼ã¹ï¼UIï¼ãæ§ç¯ã§ãããã¬ã¼ã ã¯ã¼ã¯ã§ãã2015å¹´ã®ãã¼ã¸ã§ã³1ï¼Vue 1ï¼ã2016å¹´ã®ãã¼ã¸ã§ã³2ï¼Vue 2ï¼ã«ç¶ãããã¼ã¸ã§ã³3ï¼Vue 3ï¼ãéçºä¸ã§ã2020年第2ååæã«ãªãªã¼ã¹äºå®ã§ãã æ¬è¨äºã§ã¯ãå ¨2åã«ããã£ã¦ãVue 3ã®æ°æ©è½ãç´¹ä»ãã¦ããã¾ããä»åã¯ãVue 3ã§å°å ¥ãããã³ã³ãã¼ãã³ãã®æ°ããè¨è¿°å½¢å¼ãComposition APIãã説æãã¦ããã¾ãã 対象èªè Vue 3ã®æ¦è¦ãææ¡ãããæ¹ æ°ããã©ã¤ãã©ãªã¼ã試ãã¦ã¿ããæ¹ ããããVue.jsãããã¸ã§ã¯ãã«æ¡ç¨ããäºå®ã®æ¹ å¿ è¦ãªç°å¢ã®æºå æ¬è¨äºã®ãµã³ãã«ã³ã¼ãã¯ã以ä¸ã®ç°å¢ã§åä½ã確èªãã¦ãã¾ãã Windows 10 64bitç Node.js v10.18.1 64bitç Vue.js 3.0.0-beta.15 Vue C
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}