[B! javascript][vue] kathewã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kathew id:kathew

javascriptã¨vueã«é–¢ã™ã‚‹kathewã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

sortã‚’ã„ã‚Œã‚‹ã¨Unexpected side effect in computed propertyã£ã¦ã‚¨ãƒ©ãƒ¼ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
kathew 2020/10/16
JavaScript

vue

trouble
ãƒªãƒ³ã‚¯
Nuxt ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«
Nuxt ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ« ã©ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†å ´åˆã§ã‚‚ã€ãƒ„ãƒ¼ãƒ«ãŒå†…éƒ¨ã§ã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã‹ã‚’ç†è§£ã™ã‚‹ã¨å¸¸ã«è‡ªä¿¡ãŒæŒã¦ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚åŒã˜ã“ã¨ãŒ Nuxt ã«ã‚‚å½“ã¦ã¯ã¾ã‚Šã¾ã™ã€‚ ã“ã®ç« ã®ç›®çš„ã¯ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã•ã¾ã–ã¾ãªéƒ¨åˆ†ã¨ãã‚Œã‚‰ã®å®Ÿè¡Œé †åºã€ãŠã‚ˆã³ã©ã®ã‚ˆã†ã«é€£æºã™ã‚‹ã‹ã«ã¤ã„ã¦ã®æ¦‚è¦ã‚’èª¬æ˜Žã™ã‚‹ã“ã¨ã§ã™ã€‚ Nuxt ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒãƒãƒ³ãƒ‰ãƒ«ã•ã‚Œã€ãƒãƒ£ãƒ³ã‚¯åŒ–ã•ã‚Œã€ç¸®å°ã•ã‚Œã‚‹ãƒ“ãƒ«ãƒ‰ãƒ•ã‚§ãƒ¼ã‚ºã®å¾Œã«ä½•ãŒèµ·ã“ã‚‹ã‹ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ã“ã®ãƒ•ã‚§ãƒ¼ã‚ºã®å¾Œã«ä½•ãŒèµ·ã“ã‚‹ã‹ã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒæœ‰åŠ¹ã«ãªã£ã¦ã„ã‚‹ã‹ã©ã†ã‹ã«ã‚ˆã£ã¦ç•°ãªã‚Šã¾ã™ã€‚æœ‰åŠ¹ã«ãªã£ã¦ã„ã‚‹å ´åˆã¯ã€é¸æŠžã—ãŸã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ã‚¿ã‚¤ãƒ—ã«ã‚ˆã£ã¦ã•ã‚‰ã«ç•°ãªã‚Šã¾ã™: å‹•çš„ãª SSRï¼ˆnuxt startï¼‰ ã¾ãŸã¯ã€é™çš„ã‚µã‚¤ãƒˆç”Ÿæˆï¼ˆnuxt generateï¼‰ ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ« ã‚µãƒ¼ãƒãƒ¼ SSR ã®å ´åˆã€ã“ã‚Œã‚‰ã®ã‚¹ãƒ†ãƒƒãƒ—ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·
kathew 2020/05/15
vue

nuxt

JavaScript
ãƒªãƒ³ã‚¯
Vue.js(ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ(ãƒ‡ãƒ¼ã‚¿æ¸¡ã—ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆç™ºç«))(Laravelä½¿ç”¨) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
kathew 2020/04/15
vue

javascript

reference
ãƒªãƒ³ã‚¯
vue-jstree
kathew 2020/04/13
vue

javascript

ui
ãƒªãƒ³ã‚¯
Quasar Framework - Build high-performance VueJS user interfaces in record time
The enterprise-ready cross-platform VueJs framework Are you ready to lift off?arrow_downward
kathew 2019/07/16
vue

framework

javascript

web
ãƒªãƒ³ã‚¯
Vue.js - Wikipedia
Vue.jsï¼ˆãƒ´ãƒ¥ãƒ¼ãƒ»ã‚¸ã‚§ã‚¤ã‚¨ã‚¹ï¼‰ã¾ãŸã¯Vueã¯ã€ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã‘ã‚‹ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹[3]ã€‚ä»–ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¸ã®å°Žå…¥ã«ãŠã„ã¦ã€å®¹æ˜“ã«ãªã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã‚‹ã€‚ä¸€æ–¹ã§é«˜æ©Ÿèƒ½ãªã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆSPAï¼‰ã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã‚ã‚‹ã€‚ ã“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¯ã€Web UIé–‹ç™ºï¼ˆã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€å®£è¨€çš„UIã€ãƒ›ãƒƒãƒˆãƒªãƒãƒ¼ãƒ‰ã€ã‚¿ã‚¤ãƒ ãƒˆãƒ©ãƒ™ãƒ«ãƒ‡ãƒãƒƒã‚°ãªã©ï¼‰ã«ãŠã„ã¦ã€ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã‚ˆã‚Šå®Ÿç¾ã•ã›ã‚‹ã“ã¨ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ã‚‹ã€‚ç‹¬æ–çš„ã§ã¯ãªãé–‹ç™ºè€…ãŒãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã‚„ã™ã„ã€‚ éƒ¨åˆ†çš„ã«æŽ¡ç”¨å¯èƒ½ãªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ï¼ˆãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼‰ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã€‚ã‚³ã‚¢ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€å®£è¨€çš„ãªãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®æ§‹æˆã«ç„¦ç‚¹ã‚’åˆã‚ã›ã€æ—¢å˜ã®ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚€ã“ã¨ãŒã§ãã‚‹ã€‚ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã€çŠ¶æ…‹ç®¡ç†
kathew 2019/06/07
vue

javascript

web

wikipedia
ãƒªãƒ³ã‚¯
ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js ã‚’æŽ¡ç”¨ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± | Nagisaã®ã™ã‚ã‚
2018å¹´2æœˆ6æ—¥ ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js ã‚’æŽ¡ç”¨ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± ä½™ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ãŒ Nagisa ã§ã¯ã‚¢ãƒ—ãƒªã ã‘ã§ãªã Web ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ãƒžãƒ³ã‚¬ZERO ã‚„ UPTOON! ã‚„ æœˆåˆŠã‚³ãƒŸãƒƒã‚¯ã‚¸ãƒ˜ãƒ³ è¾ºã‚ŠãŒãã†ã§ã™ã€‚ ä½•ã‚Œã‚‚ Vue.js ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ SPA ã§ã€ç¤¾å†…ãƒ»å¤–ä¸¡æ–¹ã‹ã‚‰ â€œãªã‚“ã§ Vue.js ãªã®?â€ ã¨ã‹ã‚ˆãèžã‹ã‚Œã¾ã™ã€‚ãã“ã§ã€ä»Šå›žã¯ã©ã†ã—ã¦ Vue.js ã‚’é¸æŠžã—ãŸã®ã‹ã€Vue.js ã®ä½•ãŒã„ã„ã®ã‹ã€Vue.js ã§é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã ã£ãŸã‹ã®è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« Vue.js ã‚’å°Žå…¥ã™ã‚‹å‰ã®ãƒžãƒ³ã‚¬ ZERO Web ã¯ 2.0ç³»ã® Riot ã§ä½œã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ä»Šã‚ã‚‹ SPA ã®ã‚ˆã†ãªå½¢ã§ã¯ãªãã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ (Go) ã«ã¦ãƒ¡ã‚¿ã‚¿ã‚°ã‚’ç”Ÿæˆã€ç©ºã®ãƒžã‚¦ãƒ³ãƒˆãƒã‚¤ãƒ³ãƒˆ <div id="app"><
kathew 2019/06/07
vue

web

frontend

development

javascript
ãƒªãƒ³ã‚¯
jQuery ã‹ã‚‰ Vue.js ã¸ã®ã‚¹ãƒ†ãƒƒãƒ—ã‚¢ãƒƒãƒ— - Qiita
ã¯ã˜ã‚ã« æœ€è¿‘è€³ã«ã™ã‚‹ Vue.jsï¼ˆãƒ“ãƒ¥ãƒ¼ã‚¸ã‚§ã‚¤ã‚¨ã‚¹ï¼‰ ã£ã¦ã©ã‚“ãªã‚‚ã®ï¼Ÿ jQuery ã¨ã©ã†æ›¸ãæ–¹é•ã†ã®ï¼Ÿã¨ã‹ã€jQuery ã§ã‚„ã£ã¦ãŸã“ã†ã„ã†äº‹ã£ã¦ Vue.js ã ã¨ã©ã†ã‚„ã‚‹ã®ï¼ŸjQuery ã—ã‹ä½¿ã£ã¦ãªã„ã‘ã© Vue.js ã‚‚ä½¿ã£ã¦ã¿ãŸã„ãªãï½žã¨æ€ã£ã¦ã„ã‚‹äººå‘ã‘ã®å°é›£ã—ã„ã“ã¨ã¯çœã„ãŸè¨˜äº‹ã§ã™ã€‚ç§ã‚‚ãã¡ã‚‰å´ã‹ã‚‰æ¥ãŸã‚‚ã®ã§ã™ã€‚ Vue.js æ—¥æœ¬å…¬å¼ãƒšãƒ¼ã‚¸ï¼ˆæ—¥æœ¬èªžç¿»è¨³çŽ‡ãŒåŠç«¯ãªã„ã¨è©•åˆ¤ï¼‰ ã‚‚ã¨ã‚‚ã¨ã€ŒjQuery ã‹ã‚‰ Vue.js ã¸ã®ç§»è¡Œã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã—ãŸãŒã€ãã‚Œã ã¨ jQuery ã‚’å®Œå…¨ã«ã‚„ã‚ã‚‹ã€çš„ãªãƒ‹ãƒ¥ã‚¢ãƒ³ã‚¹ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã€å°‘ã—å¤‰æ›´ã—ã¾ã—ãŸðŸ¹ jQuery ã¨ Vue.js ã®é•ã„ jQuery ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿æ“ä½œã«ç‰¹åŒ–ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ HTML ã®ä¸€éƒ¨ã‚’ã¡ã‚‡ã£ã¨ã ã‘å¼„ã‚‹ã«ã¯æ‰‹è»½ã«æ‰±ãˆã¾ã™ã€‚æ›´æ–°ã®ãŸã³ã«ã‚»ãƒ¬ã‚¯ã‚¿ã‹ã‚‰è¦ç´ ã‚’æŽ¢ã—ã¦æ“ä½œã‚’ã™ã‚‹ãŸã‚ã€è¤‡æ•°ã® UI ã‚’é€£æºã•ã›ã‚‹ã‚ˆ
kathew 2019/06/07
vue

javascript

web

development
ãƒªãƒ³ã‚¯
Reactã¨Vueã£ã¦ã©ã†é•ã†ï¼Ÿå…¨ãåŒã˜ã‚¢ãƒ—ãƒªã‚’Reactã¨Vueã§ä½œæˆã—ã¦ã¿ã¦åˆ†ã‹ã£ãŸç›¸é•ç‚¹
æ—¥å¸¸çš„ã«Vueã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹é–‹ç™ºè€…ãŒã€Reactã¯ã©ã†ãªã®ã ã‚ã†ã¨æ€ã„ã€Reactã¨Vueã§å…¨ãåŒã˜ã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ãŸæ™‚ã®ãã‚Œãžã‚Œã®å·¥ç¨‹ã‚’æ¯”è¼ƒã—ã¦åˆ†ã‹ã£ãŸç›¸é•ç‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ I created the exact same app in React and Vue. Here are the differences. ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ éš£ã®å®¶ã®èŠç”Ÿã¯é’ãè¦‹ãˆã‚‹ Vueã¨Reactã§ä½œæˆã—ãŸã‚¢ãƒ—ãƒªã®è¦‹ãŸç›®ã‚’æ¯”è¼ƒ Vueã¨Reactã¯ãƒ‡ãƒ¼ã‚¿ã‚’ã©ã®ã‚ˆã†ã«å¤‰æ›´ã•ã›ã‚‹ã‹ ã‚¢ã‚¤ãƒ†ãƒ ã®æ–°è¦ä½œæˆ ã‚¢ã‚¤ãƒ†ãƒ ã®å‰Šé™¤ ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠãƒ¼ã‚’æ¸¡ã™ åã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ãƒ‡ãƒ¼ã‚¿ã‚’æ¸¡ã™ è¦ªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ãƒ‡ãƒ¼ã‚¿ã‚’æˆ»ã™ çµ‚ã‚ã‚Šã« éš£ã®å®¶ã®èŠç”Ÿã¯é’ãè¦‹ãˆã‚‹ ç§ã¯ç¾åœ¨ã®è·å ´ã§Vueã‚’ä½¿ç”¨ã—ã¦ãŠã‚Šã€VueãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã‹ã‹ãªã‚Šç†è§£ã—ã¦ã„
kathew 2018/09/19
react

vue

web

development

javascript
ãƒªãƒ³ã‚¯
Vue.js ( Nuxt.js ) ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã£ã¦ã¿ãŸã‚‰æœ€é«˜ã ã£ãŸè©±ã€‚ - Qiita
Nuxt.jsã§è‡ªå·±ç´¹ä»‹ã‚µã‚¤ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ https://nitta.studio/ è¦‹ã¦ã„ãŸã ãã¨åˆ†ã‹ã‚‹é€šã‚Šã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã—ã¾ãã£ãŸã®ã§ã™ãŒã€ã€ https://t.co/CXj31medDj Nuxt.jsã§è‡ªå·±ç´¹ä»‹ã‚µã‚¤ãƒˆä½œã‚Šã¾ã—ãŸã€‚Netlifyãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã§PWAå¯¾å¿œã—ã¦ã¾ã™ã€‚ ã„ã‚ã„ã‚è‡ªåˆ†ã®ã‚¤ã‚«ã‚ŒãŸç•¥æ´ãªã©æ™’ã—ã¾ã—ãŸã€‚å®œã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ â€” æ–°ç”°è¡ä¸€éƒŽ (@soichiro_nitta) 2018å¹´4æœˆ26æ—¥ Vuexã¨Vue.jsã®ã‚¦ã‚©ãƒƒãƒãƒ£ã‚’ã¤ã‹ã£ã¦ã€ ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒªãƒ³ã‚° ã‚¹ãƒ†ãƒ¼ãƒˆå¤‰æ›´ ã‚¦ã‚©ãƒƒãƒãƒ£ã§æ¤œçŸ¥ è¤‡æ•°ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç™ºç«ðŸ”¥ ã®ã‚ˆã†ãªæ›¸ãæ–¹ã‚’ã—ãŸã‚‰æœ€é«˜ã ã£ãŸã®ã§ã€ã”ç´¹ä»‹ã§ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã£ã¦ã€ã©ã“ã«ã©ã®å‡¦ç†æ›¸ã‘ã°ã„ã„ã®ã‹å›°ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ å‡ã£ãŸã‚‚ã®ã‚’å®Ÿè£…ã™ã‚‹ã¨ã‚ã¡ã‚ƒã‚ã¡ã‚ƒãªã‚³ãƒ¼ãƒ‰ã«ãªã‚ŠãŒã¡ã§ã™ã‚ˆã... ã—ã‹ãƒ¼ã—ï¼Vue.jsã®ãƒ‡ãƒ¼ã‚¿é§†å‹•ã¨
kathew 2018/05/09
vue

javascript

web

animation

design

development
ãƒªãƒ³ã‚¯
1