[B! vue.js] tetokonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tetokon id:tetokon

vue.jsã«é–¢ã™ã‚‹tetokonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

Vue Language Server ã‹ã‚‰ç”Ÿã¾ã‚ŒãŸ Volar.js ã¨ã€ãã‚ŒãŒç§˜ã‚ã‚‹å¯èƒ½æ€§
Vue Fes Japan 2023 ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ç™ºè¡¨æ¦‚è¦: .vue ã§ã‚¨ãƒ‡ã‚£ã‚¿ã®è£œå®Œæ©Ÿèƒ½ãªã©ã‚’åŠ¹ã‹ã›ã‚‹ãŸã‚ã«ã€Vue Language Server ã¨ã„ã†ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚å®Ÿã¯ã“ã®ã‚³ã‚¢ã¯ Volar.js ã¨ã„ã† OSS ã«åˆ‡ã‚Šå‡ºã•ã‚Œã¦ã„ã¾ã™ã€‚Volar.js ã¯ "ã‚ã‚‰ã‚†ã‚‹çµ„ã¿è¾¼ã¿è¨€èªž" ã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚Šã€Vue.js ä»¥å¤–ã«ã‚‚åˆ©ç”¨ã§ãã‚‹æ±Žç”¨æ€§ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ Volar.js ãŒä¸€ä½“ã©ã†ã„ã†ã‚‚ã®ãªã®ã‹ã€ãã—ã¦ãã®æ±Žç”¨æ€§ãŒã©ã®ã‚ˆã†ãªå¯èƒ½æ€§ã‚’ç§˜ã‚ã¦ã„ã‚‹ã®ã‹ã«ã¤ã„ã¦ãŠè©±ã—ã¾ã™ã€‚
tetokon 2023/10/29
Vue

vue.js

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Vue.jsã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ å‹•å‘2023
Vue 3 Í·Ï¦Ï¦Ê”ÎµÎ»Î ÏœÏ¥Î Ï¯ â€¢ 2020/09/18: 3.0 (One Piece) â€¢ 2021/06/08: 3.1 (Pluto) â€¢ 2021/08/05: 3.2 (Quintessential Quintuplets) â€¢ 2023/05/11: 3.3 (Rurouni Kenshin) Vue 3 Í·Ï¦Ï¦Ê”ÎµÎ»Î ÏœÏ¥Î Ï¯ â€¢ 2020/09/18: 3.0 (One Piece) â€¢ 2021/06/08: 3.1 (Pluto) â€¢ 2021/08/05: 3.2 (Quintessential Quintuplets) â€¢ 2023/05/11: 3.3 (Rurouni Kenshin) 3.3. Ï¦Ï¦Ê”ÎµÎ‡Í°à»¿2à³¥Û™Í˜Í”Í”Í¬Í¯ÍÎ” Í³Í¥Í°Í ÎÍÊ
tetokon 2023/08/10
ã‚ã¨ã§èªã‚€

Vue

vue.js
ãƒªãƒ³ã‚¯
æ©Ÿèƒ½é–‹ç™ºã‚’æ¢ã‚ãšã«ã€500ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¦æ¨¡ã® Vue 3 ç§»è¡Œã‚’å®Œäº†ã•ã›ãŸé–‹ç™ºãƒ—ãƒã‚»ã‚¹
ã‚¹ã‚¿ãƒ‡ã‚£ã‚¹ãƒˆ æŠ€è¡“æ”¯æ´ãƒ¦ãƒ‹ãƒƒãƒˆã®ç¬¹æœ¨ (@s_sasaki_0529) ã§ã™ã€‚ 2022å¹´ä¸ŠåŠæœŸã€ãŠã‚ˆã500ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æŒã¤ Vue 2 ãƒ—ãƒãƒ€ã‚¯ãƒˆã§ã‚ã‚‹ Teachme Biz ã‚’ã€åŠå¹´é–“ã«æ¸¡ã‚‹å˜ç‹¬ä½œæ¥ã‚’çµŒã¦ã€ Vue 3 ã«ç§»è¡Œã™ã‚‹ã“ã¨ã«æˆåŠŸã—ã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯ã€ç§é”ãŒã©ã®ã‚ˆã†ã«ã—ã¦ã€æ©Ÿèƒ½é–‹ç™ºã¯æ¢ã‚ãšã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã‚„ç ´å£Šçš„å¤‰æ›´ã¸ã®å¯¾å¿œã‚’è¡ŒãˆãŸã®ã‹ã‚’ç°¡å˜ã«æŒ¯ã‚Šè¿”ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ æ˜¨å¹´ã® TypeScript ç§»è¡Œã®æ¬¡ã®ã‚¹ãƒ†ãƒƒãƒ—ã¨ã—ã¦ã€ä»Šå¹´ã¯ Vue 3 ç§»è¡Œã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ç›¸ä¹—åŠ¹æžœã§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºä½“é¨“ã®å‘ä¸Šã‚’å®Ÿç¾ã—ã¾ã—ãŸã€‚ ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³Teachme Biz ã‚’Vue 3 ã«ç§»è¡Œã™ã‚‹ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã¯æ¦‚ãä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã«åˆã‚ã›ã¦ãƒªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒªãƒ³ã‚°ã•ã‚ŒãŸ Vue 3 ã®æ©æµã‚’å—ã‘ã‚‹ã“ã¨Vue 2 ã¸ã®æ©Ÿèƒ½è¿½åŠ ãƒ»æ”¹ä¿®ãŒ 2.7 ã§çµ‚äº†ã—ã¦ã—ã¾ã£ãŸ
tetokon 2022/08/03
Vue

é–‹ç™º

vue.js
ãƒªãƒ³ã‚¯
ã‚¨ãƒ©ãƒ¼ã¯å‡ºãªã„ã‘ã©â€¦ä½•ã‹å¤‰ï¼Ÿï¼ŸVue.jsã§ã‚„ã‚ŠãŒã¡ãªã€Œã‚µã‚¤ãƒ¬ãƒ³ãƒˆãƒ»ãƒŸã‚¹ã€ï¼ˆãƒã‚¸ãƒƒã‚¯ç·¨ï¼‰ - ICS MEDIA
Vue.jsã¯åˆå¦è€…ã«ã‚‚ã¨ã¦ã‚‚æ‰‹åŽšã„ã‚µãƒãƒ¼ãƒˆã‚’æä¾›ã—ã¦ãã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ãŸã¨ãˆã°ã€ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã§ã€Œãƒªã‚»ãƒƒãƒˆã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã€Œpropsã®countã¯åã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰å¤‰æ›´ã™ã¹ãã§ã¯ãªã„ã€ã¨ã‚ã‹ã‚Šã‚„ã™ãã‚¨ãƒ©ãƒ¼ã‚’è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ <template> <div class="CountViewComponent"> ã‚«ã‚¦ãƒ³ãƒˆ={{count}} <button @click="reset">ãƒªã‚»ãƒƒãƒˆ</button> </div> </template> <script> export default { props: { // è¡¨ç¤ºã™ã‚‹ã‚«ã‚¦ãƒ³ãƒˆå€¤ count: { type: Number, default: 3 } }, methods: { // ã‚«ã‚¦ãƒ³ãƒˆã‚’ãƒªã‚»ãƒƒãƒˆã—ã¾ã™ reset() { this.count = 0 } } } </script> ãã‚Œã§ã‚‚æ™‚ã¨ã—ã¦ã€
tetokon 2020/07/17
ã‚ã¨ã§èªã‚€

Vue

javascript

vue.js
ãƒªãƒ³ã‚¯
Vueé–‹ç™ºè€…ã®ãŸã‚ã®Vue.jsãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹é›†15é¸ - Qiita
ã¯ã˜ã‚ã« ã¿ãªã•ã‚“ã€Vueä½¿ã£ã¦ã¾ã™ã‹ãƒ¼ï¼ãƒ»ãƒ»ãƒ»ãƒ»ãƒ»ãƒ»ãƒ»ï¼ˆã¸ã‚“ã˜ãŒãªã„ã€‚ãŸã ã®ã—ã‹ã°ãã®ã‚ˆã†ã ã€‚ï¼‰ ç§ã¯æ¯Žæ—¥ä½¿ã£ã¦ã¾ã™ã€‚ãŒã€æ£ã—ã„ä½¿ã„æ–¹ã¨ã„ã†ã®ãŒã„ã¾ã„ã¡ã‚ã‹ã£ã¦ã„ã¾ã›ã‚“ã€‚ã¨ã„ã†ã“ã¨ã§ã€ãƒãƒƒãƒˆã§æ‹¾ã£ã¦ããŸæƒ…å ±ã‚’å…ƒã«Vueã§é–‹ç™ºã™ã‚‹ä¸Šã§ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹é›†15é¸ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã€Œãµã‚“ãµã‚“ãã†ã ã‚ˆãã€œã€ã¨ã„ã£ãŸã‚‚ã®ã‹ã‚‰ã€Œãˆãƒ¼ï¼ï¼Ÿãã†ãªã®ãƒ¼ï¼ï¼Ÿã€ã¨ãªã‚‹ã‚‚ã®ã¾ã§é›†ã‚ã¦ã„ã¾ã™ã€‚çš†ã•ã‚“ã®é–‹ç™ºã®æ‰‹åŠ©ã‘ã«ãªã‚‹æƒ…å ±ãŒå…¥ã£ã¦ã„ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ã¾ãŸã€é–“é•ã£ã¦ã„ã‚‹å†…å®¹ã‚„ã•ã‚‰ã«è‰¯ã„æ–¹æ³•ç‰ã‚ã‚Œã°ã€ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã«ã¦ï¼ˆå„ªã—ãï¼‰ã”æŒ‡æ‘˜ã„ãŸã ã‘ã‚‹ã¨ã¨ã¦ã‚‚å¬‰ã—ã„ã§ã™ã€‚ 1. v-forå†…ã§ã¯å¿…ãš:keyã‚’ä½¿ã† v-forãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã§keyå±žæ€§ã‚’ä½¿ã†ã¨ã€ãƒ‡ãƒ¼ã‚¿ã‚’æ“ä½œã™ã‚‹ã®ã«å½¹ç«‹ã¡ã¾ã™ã€‚ã•ã‚‰ã«ã€VueãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®çŠ¶æ…‹ã‚’è¿½è·¡ã—ã€ãã‚Œãžã‚Œã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«å¯¾ã—ç¶™ç¶šçš„ã«å‚ç…§ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ç‰¹ã«ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„Vu
tetokon 2020/01/30
Vue.js

é–‹ç™º

javascript
ãƒªãƒ³ã‚¯
Vue.jsã§ã‚«ã‚¹ã‚¿ãƒ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã‚’ä½¿ã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã€Œè¦‹ã¦ã‚‹ã€ã‚’å¯è¦–åŒ–ã™ã‚‹ - dely Tech Blog
ç›®æ¬¡ ç›®æ¬¡ ã¯ã˜ã‚ã« ã¨ã‚ã‚‹æ—¥ã®ã“ã¨ ã‚«ã‚¹ã‚¿ãƒ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã¨ã¯ ã‚„ã‚ŠãŸã„ã“ã¨ ã‚¯ãƒ©ã‚·ãƒ«ã®ãƒ‡ãƒ¼ã‚¿åˆ†æžåŸºç›¤ ã‚¤ãƒ™ãƒ³ãƒˆå®šç¾©ã‚·ãƒ¼ãƒˆ ã‚¤ãƒ™ãƒ³ãƒˆãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼åž‹å®šç¾©ã‚·ãƒ¼ãƒˆ ã‚µãƒ³ãƒ—ãƒ«å®Ÿè£… ã‚«ã‚¹ã‚¿ãƒ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã®ã‚³ãƒ¼ãƒ‰ Vueã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«é©ç”¨ã—ã¦ã¿ã‚‹ ã‚¯ãƒ©ã‚·ãƒ«Webã«å®Ÿéš›ã«å°Žå…¥ã—ã¦ã¿ãŸçµæžœ ã“ã®å®Ÿè£…ã‚’é€šã—ã¦å¦ã‚“ã ã“ã¨ ãŠã‚ã‚Šã« ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€delyæ ªå¼ä¼šç¤¾ é–‹ç™ºéƒ¨ã®ç™½çŸ³(ã—ã‚‰ã‚Šã‚“)ã§ã™ã€‚ 2019å¹´æ–°å’ã¨ã—ã¦å…¥ç¤¾ã—ã€ç¾åœ¨Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ æ˜¨æ—¥ã¯iOSã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®takaoã•ã‚“ãŒã€ã€Œå€‹äººã‚¢ãƒ—ãƒªã®é–‹ç™ºã§é™¥ã£ãŸ6ã¤ã®å¤±æ•—ã¨ãã“ã‹ã‚‰å¦ã‚“ã ã‚„ã‚‰ãªã„ã“ã¨ã®é‡è¦æ€§ã€ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ã„ã¦ãã‚Œã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã¯ dely Advent Calendar 2019 18æ—¥ç›®ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ qiita.com æœ¬è¨˜äº‹ã®ãƒ†ãƒ¼ãƒžã¯ã€ã‚¿ã‚¤ãƒˆãƒ«é€šã‚ŠVue.js(ä»¥ä¸‹Vue)ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®
tetokon 2019/12/18
ã‚ã¨ã§èªã‚€

vue.js
ãƒªãƒ³ã‚¯
Vue.js 3 ã«å‘ã‘ãŸ Vue.js å…¥é–€
PLAID, inc.â€¨ Vue.js Core Team Member Vue.js Japan User Group Organizer Vue I18n Author WebAssembly Love â¤ @kazu_pon kazupon kazupon
tetokon 2019/12/13
ã‚ã¨ã§èªã‚€

Vue

vue.js

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
1