The State of Vue.js Report 2025 | Co-created with Vue & Nuxt Core Teams
From its humble beginnings as a promising project to its position as one of the most popular frontend frameworks, Vue.js has undergone a remarkable transformation. Monterail has actively participated in this evolution—learning, contributing, and evolving alongside the framework. From first discovering Vue in 2015 to becoming official Vue & Nuxt Partners, the State of Vue.js Report 2025 marks our d
Introducing Motion for Vue - Motion Blog
At 9am this morning I had the privilege of closing our oldest open ticket, one that's haunted the issues board since the days of Framer Motion, all the way back in February 2020. It was titled "[FEATURE] Vue support?" Yes, today I'm thrilled to finally announce Motion for Vue. An animation library that's simple to start and fun to master, its unique hybrid engine combining the performance of hardw
How To Optimize Performance In Vue Apps | DebugBear
Track page speed over time and get the data you need to optimize it. Vue is built to handle most typical use cases efficiently without requiring a lot of manual tweaking. But sometimes, you’ll hit situations that need a bit more fine-tuning. In this article, we’ll go over the key things to keep an eye on for optimizing performance in a Vue app. Page Load Performance vs. Update Performance​ When ta
Vue.jsã® v-model æ£ã—ã活用ã§ãã¦ã„ã¾ã™ã‹ï¼Ÿ
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€ã‹ã‚‰ã“ã‚ã§ã™ã€‚ 今回ã¯ã€Vue.js ã§ã‚ˆã利用ã•ã‚Œã‚‹ v-model ã®è¨˜äº‹ã«ã¤ã„ã¦ä¿å®ˆæ€§ãªã©ã®è¦³ç‚¹ã‹ã‚‰æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚想定ã—ã¦ã„ã‚‹èªè€…ã¨ã—ã¦ã¯ã€Vue.js を触ã£ãŸã“ã¨ã€è¦‹ãŸã“ã¨ãŒã‚る方全般ã§ã™ã€‚v-model ã¯åˆ©ç”¨æ–¹æ³•ã‚’誤るã¨ç—›æ‰‹ã‚’è² ã„ãŒã¡ã§ã™ãŒã€éžå¸¸ã«å¼·åŠ›ãªå‘³æ–¹ã よã¨ã„ã†ã“ã¨ã‚’ãŠä¼ãˆã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€Vue.js ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã€è¨˜äº‹åŸ·ç†æ™‚点ã§æœ€æ–°ã® 3.5.8 を想定ã—ã¦ã„ã¾ã™ã€‚ v-model ã¨ã¯ ã•ã¦ã€v-model ã¨ã¯ãªã‚“ã§ã—ょã†ã‹ï¼Ÿå…¬å¼ãƒ‰ã‚ュメントã«ã¯ã€ コンãƒãƒ¼ãƒãƒ³ãƒˆä¸Šã§ v-model を使用ã™ã‚‹ã¨åŒæ–¹å‘ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’実装ã§ãã¾ã™ã€‚ https://ja.vuejs.org/guide/components/v-model ã¨è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚‚ã†å°‘ã—詳ã—ã書ãã¨ã€props/emit ã®ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰æ§‹æ–‡ã§ã™ã€‚ 例ãˆã°
Vue 3.5: パフォーマンスã¨é–‹ç™ºä½“験をé©æ–°ã™ã‚‹åŒ…括的アップデート
ã¯ã˜ã‚ã« 2024å¹´9月1日㫠Vue 3.5 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚本記事ã§ã¯ã€Vue 3.5 ã§å°Žå…¥ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ã¨ä¸»è¦ãªæ”¹å–„点ã«ã¤ã„ã¦è©³ã—ã解説ã—ã¾ã™ã€‚ å…¬å¼ãƒ–ãƒã‚°ã‚‚åˆã‚ã›ã¦ã”覧ãã ã•ã„： Vue 3.5 ã®ä¸»ãªæ–°æ©Ÿèƒ½ Reactive Props Destructure æ–°ã—ã„ API ã®å°Žå…¥ useTemplateRef() onWatcherCleanup() カスタムè¦ç´ 関連: useHost(), useShadowRoot() Deferred Teleport Vue 3.5 ã®ä¸»ãªæ©Ÿèƒ½æ”¹å–„ Reactivity System ã®æ”¹å–„ SSRã®æ”¹å–„ Lazy Hydration useId() data-allow-mismatch Custom Elements ã®æ”¹è‰¯ ãã‚Œã§ã¯ã€å„機能ã«ã¤ã„ã¦è©³ã—ã見ã¦ã„ãã¾ã—ょã†ã€‚ 新機能ã®è©³ç´° 1. Reactive Props
Vue3.5ã‹ã‚‰ã®æ”¹å–„ã¨æŒ¯ã‚Šè¿”ã‚‹defineCustomElementã«ã¤ã„ã¦
Vue3.5ã®æ›´æ–°ã§ã¯ defineCustomElement ã«é–¢ã™ã‚‹æ”¹å–„ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚今回ã®è¨˜äº‹ã§ã¯ãã® defineCustomElement ã«é–¢é€£ã™ã‚‹äº‹é …ã«ã¤ã„ã¦ã¨ã€æ”¹å–„ã•ã‚ŒãŸå†…容を紹介ã—ã¾ã™ã€‚ Custom Elementsã¨ã¯ï¼Ÿ defineCustomElement ã«ã¤ã„ã¦ã‚’紹介ã™ã‚‹å‰ã«ã€ã¾ãšã¯æ ¹åº•ã®çŸ¥è˜ã¨ãªã‚‹ã€ŒCustom Elementsã€ã«ã¤ã„ã¦ã‚’解説ã—ã¾ã™ã€‚ Custom Elementsã¯Web Componentsを構æˆã™ã‚‹ä¸€éƒ¨ã§ã€ç‹¬è‡ªã®HTMLè¦ç´ を作æˆã™ã‚‹ãŸã‚ã®JavaScript APIã§ã™ã€‚ 独自ã®å®šç¾©ã®ãŸã‚ã€é€šå¸¸ã®HTMLè¦ç´ ã¨ã¯ç•°ãªã‚Šãƒ€ãƒƒã‚·ãƒ¥ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹åå‰( kebab-case )ã§ã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ <!-- 純粋ãªHTMLè¦ç´ --> <progress></progress> <!-- Custom Elements --> <c
Reading vuejs/core-vapor
ã¯ã˜ã‚㫠​ã“ã®æœ¬ã‚’手ã«å–ã£ã¦ã„ãŸã ã，ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ ã“ã®æœ¬ã¯ï¼ŒVue.js ã®æ¬¡ä¸–代実装ã§ã‚ã‚‹ Vapor Mode ã®å®Ÿè£…ã‚’èªã¿é€²ã‚る本ã§ã™ï¼Ž 少々上級者å‘ã‘ã§ã¯ã‚ã‚Šã¾ã™ãŒï¼Œéƒ¨åˆ†çš„ã«ã§ã‚‚å‚考ã«ãªã‚‹ç‚¹ãŒã‚ã‚Œã°å¬‰ã—ã„ã§ã™ï¼ ã“ã®æœ¬ã®ç›®çš„ ​Vue.js ã®æ¬¡ä¸–代実装ã§ã‚ã‚‹ Vapor Mode ã«ã¤ã„ã¦æ·±ã„ç†è§£ã‚’å¾—ã‚‹Vapor Mode ã¨ã¯ä½•ã‹ã«ã¤ã„ã¦ç†è§£ã‚’æ·±ã‚ã‚‹ã©ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿é€²ã‚ãªãŒã‚‰ç†è§£ã‚’æ·±ã‚ã‚‹ã“ã®æœ¬ã®ç›®çš„ã§ã¯ãªã„ã“㨠​Vue.js ã®ä½¿ã„方をå¦ã¶ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨æ¯”較ã—，評価ã™ã‚‹æƒ³å®šèªè€… ​vuejs/core ã‚„ vuejs/core-vapor ã«ã‚³ãƒ³ãƒˆãƒªãƒ“ュートã—ã¦ã¿ãŸã„æ–¹Vue.js ã®ç†è§£ã‚’より深ã‚ãŸã„方著者ã«ã¤ã„㦠​ubugeeei (ã†ã¶ã’) Vue.js メンãƒãƒ¼, Vue.js Japan User Group コア
Reactive Props Destructure を支ãˆã‚‹æŠ€è¡“
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯, ubugeeei ã§ã™ï¼Ž 最近技術発信ãŒå…¨ãã§ãã¦ã„ãªã„ãªã€œãŠå‰ãã‚Œã§ã‚‚ Vue Team Member ã‹ã‚ˆï¼Œã¨æ€ã„ã¤ã¤ï¼Œã›ã£ã‹ã Vue 3.5 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã§ãã‚Œã«é–¢é€£ã—ãŸæ©Ÿèƒ½ã®è¨˜äº‹ã§ã‚‚書ã“ã†ã‹ã¨æ€ã„ã¾ã™. Vue 3.5.0 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—㟠先日，Vue 3.5.0 (Tengen Toppa Gurren Lagann) ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸ. ã“ã®ãƒªãƒªãƒ¼ã‚¹ã§ã¯ï¼ŒReactivity System ã®æœ€é©åŒ–や，新ã—ã„コンãƒãƒ¼ã‚¶ãƒ–ルã§ã‚ã‚‹ useTemplateRef，useId，Custom Elements ã®æ”¹å–„ãªã©æ§˜ã€…ãªå¤‰æ›´ãŒå…¥ã‚Šã¾ã—ãŸï¼Ž 詳ã—ãã¯ä¸Šè¨˜ã®å…¬å¼ãƒ–ãƒã‚°ã‚„ï¼ŒåŒ publication ã®ã¾ã¨ã‚記事 ãªã©ã‚’å‚ç…§ã—ã¦ãã ã•ã„． 今回ã®ãƒˆãƒ”ック Vue 3.5 㧠Reactive Props Destructure ã¨ã„ã†æ©Ÿèƒ½ãŒå®‰å®šç‰ˆ
GOV.UK Vue
Build Vue apps with GOV.UK Design System components GOV.UK Vue is a community project which provides Vue components for the GOV.UK Design System. Get started What’s new10 October 2024: We've released GOV.UK Vue v1.0.1, which fixes the display of the Open Government Licence logo in the footer. Read the full release notes to see what's changed. Get startedLearn how to install GOV.UK Vue and start us
外部登壇åˆå¿ƒè€…ãŒTSKaigiã®30分セッションã«ãƒ—ãƒãƒãƒ¼ã‚¶ãƒ«ã‚’出ã—ãŸã‚‰é€šã£ã¡ã‚ƒã£ãŸè©±
ã¯ã˜ã‚ã« ã‹ã‚‰ã“ã‚ / karacoro （@karan_corons）ã¨ã„ã„ã¾ã™ã€‚ カンファンレンスã®ãƒ—ãƒãƒãƒ¼ã‚¶ãƒ«ã£ã¦è©±ã—ã¦ã¿ãŸã„内容ãŒã‚ã‚Œã°ã€æ°—軽ã«å‡ºã—ã¦ã„ã„ã‚“ã よã¨ã„ã†ã“ã¨ã‚’皆ã•ã‚“ã«å±Šã‘ãŸãã¦ã€ã“ã®è¨˜äº‹ã‚’書ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã‚ã‚ã†ã“ã¨ã‹å¤–部登壇自体ã¯ã˜ã‚ã¦ãªãŒã‚‰ã€TSKaigiã®30分セッションã®CFP（プãƒãƒãƒ¼ã‚¶ãƒ«ï¼‰ã«å¿œå‹Ÿã—ã€æŽ¡æŠžã„ãŸã ãã€ç™ºè¡¨ã®ãŸã‚ã«å¥®é—˜ã—ãŸè©±ã‚’ã“ã®è¨˜äº‹ã§èµ¤è£¸ã€…ã«ãŠè©±ã—ã§ããŸã‚‰ãªã¨æ€ã„ã¾ã™ã€‚ 登壇内容ã¯ã€ã€Œã‚µãƒ¼ãƒ“ス開発ã«ãŠã‘ã‚‹Vue3ã¨TypeScriptã®è¦ªå’Œæ€§ã«ã¤ã„ã¦ã€ ã¨ã„ã†å†…容ã§ã—ãŸã€‚ ãã£ã‹ã‘ 2024å¹´ã®1月ä¸æ—¬ã”ã‚ã€ãµã¨5月11日（土）ã«ä¸é‡Žã§é–‹å‚¬ã•ã‚ŒãŸTSKaigiã®ãƒ—ãƒãƒãƒ¼ã‚¶ãƒ«å‹Ÿé›†ãƒ„イートを見ã‹ã‘ã¦ã€å¿œå‹Ÿã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸã€‚ ã“ã®å¿œå‹Ÿã®å‰ã«ã€Vue Fes Japan 2022 㨠OOC 2024 ãªã©ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ãƒ—ãƒãƒãƒ¼ã‚¶ãƒ«ã‚’出ã—ãŸ
Vue.js v-tokyo Meetup #20 を開催ã—ã¾ã—ãŸï½œjay-es
ã“ã‚“ã«ã¡ã¯ã€‚Vue.js 日本ユーザーグループ㮠jay-es ã§ã™ã€‚ 2024 å¹´ 5 月 28 日（ç«ï¼‰ã« Vue.js v-tokyo Meetup #20 を開催ã—ã¾ã—ãŸã€‚ 今回ã¯ã€ŒDeveloper Experience 開発者体験特集!ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ã€Vue.js エコシステム㮠DX 関連ã®å†…容をã‚ャッãƒã‚¢ãƒƒãƒ—ã§ãるイベントã¨ãªã‚Šã¾ã—ãŸã€‚ 当日å‚åŠ ã„ãŸã ã„ãŸçš†æ§˜ã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã¾ãŸã€ä¼šå ´ã‚¹ãƒãƒ³ã‚µãƒ¼ã‚’ã—ã¦ã„ãŸã ã„ãŸæ ªå¼ä¼šç¤¾ãƒ—レイド様ã€ãƒ„ールスãƒãƒ³ã‚µãƒ¼ã® esa 様ã«ã‚‚心よりãŠç¤¼ç”³ã—上ã’ã¾ã™ã€‚ ä¼šå ´ã®æ§˜åGINZA SIX ã®æ ªå¼ä¼šç¤¾ãƒ—レイドã®ç¤¾å†…ã«ã‚る広々ã¨ã—ãŸäººå·¥èŠã®ã‚¹ãƒšãƒ¼ã‚¹ãŒä»Šå›žã®ä¼šå ´ã§ã™ã€‚ 後方ã«ã¯å¤§ããªå†·è”µåº«ãŒã‚ã‚Šã€å¥½ããªãƒ‰ãƒªãƒ³ã‚¯ã‚’ã„ãŸã ãã“ã¨ãŒã§ãã¾ã—ãŸã€‚太ã£è…¹ï¼ オープニングã¾ãšã¯ Vue.js 日本ユーザーグループ代表㮠kazupon æ°ã«ã‚ˆã‚‹
ãªãœåˆ†å‰²ä»£å…¥ã‚’ã™ã‚‹ã¨ Vue 㯠reactive ã§ã¯ãªããªã‚‹ã®ã‹ - Stockmark Tech Blog
ã“ã‚“ã«ã¡ã¯ã€‚ Anews ã®é–‹ç™ºã«æºã‚ã£ã¦ã„ã‚‹ Engineer 㮠羽柴 ã¨ç”³ã—ã¾ã™ã€‚ Anews ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ Vue ã§é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚ 自分自身ã®èƒŒæ™¯ã¨ã—ã¦ã€Stockmarkã«å…¥ç¤¾ã™ã‚‹ã¾ã§ã¯ React を使ã£ã¦é–‹ç™ºã—ã¦ã„ãŸã®ã§ Vue ã®çµŒé¨“ã¯æ®†ã©ãªã„状態ã§ã—ãŸã€‚ ãã“ã§ç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã« chibivue を使ã£ãŸå‹‰å¼·ä¼šã‚’社内ã§é€²ã‚ã¦ã„ã¾ã™ã€‚ ãã®æ™‚ã«æ°—ã¥ã„ãŸã“ã¨ã‚’ share ã—ãŸã„ãªã¨æ€ã„ã€ã“ã®è¨˜äº‹ã‚’書ãã¾ã—ãŸã€‚ ja.vuejs.org chibivueã¨ã¯ Vue を書ã始ã‚ãŸæ„Ÿæƒ³ chibivue ã®å‹‰å¼·ä¼šã‚’進ã‚㦠Proxyã«ã¤ã„㦠ã§ã‚‚ãªã‚“㧠ã¾ã¨ã‚ 余談 最後㫠chibivueã¨ã¯ ubugeeei.github.io Vue を最少å˜ä½ã§ä½œã£ã¦ã¿ã‚ˆã†ã¨ã„ㆠproject ã§ã™ã€‚ æµ…ã„ç†è§£ã§ã‚ˆã‘ã‚Œã°å…¬å¼ docs ã‚’ã•ã‚‰ã£ã¨èªã‚“ã§å®Ÿè£…ã™ã‚‹ã®ãŒæ—©ã„ã®ã§
v-tokyo 20 ã«å‚åŠ ã—㟠| blog.kzhrk.com
2024 å¹´ 5 月 28 æ—¥ã«æ±éŠ€åº§ã® PLAID ã•ã‚“ã§é–‹å‚¬ã•ã‚ŒãŸ v-tokyo 20 ã«å‚åŠ ã—ã¦ããŸã€‚ v-tokyo 㯠Vue.js 日本ユーザーグループãŒä¸å®šæœŸï¼ˆ3 ヶ月㫠1 回？）ã«é–‹å‚¬ã—ã¦ã„ã‚‹ Vue ã® Meetup イベントã 。 é ãŒãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãªã†ã¡ã«å‚åŠ ãƒ¬ãƒãƒ¼ãƒˆã‚’残ã™ã€‚ headless 㪠UI ライブラリをé¸æŠžã™ã‚‹ã‚¢ãƒ³ã‚«ãƒ¼ãƒªãƒ³ã‚¯ä¼šå ´ã‚¹ãƒãƒ³ã‚µãƒ¼ã® PLAID ã•ã‚“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€‚ Headless UI ライブラリã®èª¬æ˜Žã‹ã‚‰ã¯ã˜ã¾ã£ã¦ã€Vue å‘ã‘ã® Headless UI ライブラリ㮠Radix Vue を使ã£ã¦ç¤¾å†…㧠Vue 版ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ を作æˆã—ã¦ã„ã‚‹ã¨ã„ã†è©±ã ã£ãŸã€‚ PLAID ã•ã‚“ã®ç¤¾å†…ã«ã¯ Sour ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ãŒã‚ã£ã¦ã€ãれ㮠Vue 版を Radix Vue ã§å®Ÿè£…ã—ã¦ã„るらã—ã„。 Sour ã®ã“ã¨ã¯æ¤œç´¢ã—ã¦ã‚‚ã‚ã¾ã‚Šã‚¢ã‚¦ãƒˆãƒ—ットã•
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Vueless UI
Inspira UI: Build beautiful websites using Vue & Nuxt
Vue Mess Detector
Unplugin Vue Router
Recreating the Queens Game in Vue
GitHub - kitbagjs/router: A type safe router for vuejs
HeadlessãªUIライブラリを利用ã™ã‚‹ä¾¡å€¤
{{#tags}}- {{label}}
{{/tags}}