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

seckie id:seckie

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

${{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 3 Migration Guide
Vue 2 support will end on December 31st, 2023. Learn more about Extended LTS if upgrading to Vue 3 isn't feasible before the EOL date. This guide is primarily for users with prior Vue 2 experience who want to learn about the changes between Vue 2 and Vue 3. This is not something you have to read from top to bottom before trying out Vue 3. The recommended way to learn Vue 3 is by reading the new do
seckie 2023/04/23
Vue.js
ãƒªãƒ³ã‚¯
Nuxt.js ã®æ—¢å˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®åž‹ãƒã‚§ãƒƒã‚¯ã‚’åŽ³æ ¼åŒ–ã—ãŸè©± ï½žvue-tsc ã¨ tsconfig/strictest å°Žå…¥ã¾ã§ã®é“ã®ã‚Šï½ž - ANDPAD Tech Blog
ANDPADãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å°æ³‰ï¼ˆ@ykoizumi0903ï¼‰ã§ã™ã€‚Vue / Nuxt ã§ã®é–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°ã§ã‚‚ã€ Vue Composition API ã‚’ä½¿ã£ãŸé–‹ç™ºã«ã¾ã¤ã‚ã‚‹è¨˜äº‹ã‚’éŽåŽ»ã«ä½•ä»¶ã‹æ›¸ã„ã¦ã„ã¾ã™ãŒã€ç¾åœ¨æ‹…å½“ã—ã¦ã„ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆã®é–‹ç™ºã«æºã‚ã‚‹ã‚ˆã†ã«ãªã£ã¦2å¹´ã»ã©çµŒã¡ã€ã„ã‚ã‚†ã‚‹æŠ€è¡“çš„è² å‚µã¨å‘¼ã°ã‚Œã‚‹ã‚ˆã†ãªã‚‚ã®ã‚‚å°‘ã—ãšã¤å¢—ãˆã¦ãã¾ã—ãŸã€‚ ãã†ã„ã£ãŸçŠ¶æ³ã‚’æ”¹å–„ã™ã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã®1ã¤ã¨ã—ã¦ã€Nuxt.js ã®æ—¢å˜ãƒªãƒã‚¸ãƒˆãƒªã«ãŠã‘ã‚‹åž‹ãƒã‚§ãƒƒã‚¯ã®ãƒ«ãƒ¼ãƒ«ã‚’ã‚ˆã‚ŠåŽ³ã—ã„è¨å®šã«å¤‰æ›´ã™ã‚‹ã€ã¨ã„ã†å–ã‚Šçµ„ã¿ã‚’2ãƒ¶æœˆã»ã©ã‹ã‘ã¦è¡Œã„ã¾ã—ãŸã€‚ ä»Šå›žã¯ãã®å–ã‚Šçµ„ã¿ã«ãŠã‘ã‚‹é“ã®ã‚Šã‚’æŒ¯ã‚Šè¿”ã£ã¦ã€è‹¦åŠ´ã—ãŸã“ã¨ã‚„è‰¯ã‹ã£ãŸã“ã¨ãªã©ã‚’æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å°Žå…¥ã‚’æ±ºã‚ã‚‹ã¾ã§ã®æµã‚Œ ãã£ã‹ã‘ã¯ noUncheckedIndexedAccess ã‚’çŸ¥ã£ãŸã“ã¨ã‹ã‚‰ å¼Šç¤¾ã®Slackã«ã¯timesæ–‡åŒ–
seckie 2022/07/18
vue.js

typescript
ãƒªãƒ³ã‚¯
æ–°Vue.jsã€ŒVue 3ã€ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå®Ÿè£…æ³•ã‚’å¤§ããå¤‰ãˆã‚‹ã€ŒComposition APIã€
ã¯ã˜ã‚ã« 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
seckie 2020/10/11
vue.js

Vue3
ãƒªãƒ³ã‚¯
Vue ã« stale-while-revalidate ãŒã‚„ã£ã¦ãã‚‹ - STORES Product Blog
STORES ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’ã—ã¦ã„ã‚‹ushironokoã§ã™ã€‚ä»Šå›žã¯ Vue ã§ã‚‚ SWR ã®ã‚ˆã†ãªã—ãã¿ãŒä½¿ãˆã€é ããªã„æœªæ¥ã§æ¨™æº–çš„ã«ä½¿ã‚ã‚Œã‚‹ã“ã¨ã«ãªã‚Šãã†ã ã€ã¨ã„ã†è©±ã‚’æ›¸ãã¾ã™ã€‚stale-while-revalidate ã¨ã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ãªã®ã‹ã«ã¤ã„ã¦ã‚‚ç°¡å˜ã«è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ SWR(stale-while-revalidate) ã¨ã¯ä½•ã‹ Vue ã‚„ Nuxt ç•Œéšˆã®æŠ€è¡“è€…ã¯ã‚ã¾ã‚Šç¸ãŒãªã„ãŸã‚ã€ãã‚‚ãã‚‚ SWR ã¨ç§°ã•ã‚Œã‚‹ã‚‚ã®ãŒä½•è€…ãªã®ã‹ã”å˜çŸ¥ã§ãªã„æ–¹ã‚‚å¤šã„ã¯ãšã§ã™ã€‚SWR ã¯ stale-while-revalidate ã¨å‘¼ã°ã‚Œã‚‹ã‚ãƒ£ãƒƒã‚·ãƒ¥æˆ¦ç•¥ã«åŸºã¥ã„ãŸãƒ‡ãƒ¼ã‚¿ãƒ•ã‚§ãƒƒãƒãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€React ã®ã‚«ã‚¹ã‚¿ãƒ ãƒ•ãƒƒã‚¯ã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¤ã¾ã‚Šã€å…ƒã€… React å‘ã‘ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ä½œã‚‰ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ github.com stale-while-revalidate
seckie 2020/10/09
vue.js

cache
ãƒªãƒ³ã‚¯
Why I use vue-class-component
seckie 2020/09/10
vue.js

vue-class-component
ãƒªãƒ³ã‚¯
v-sendai #2ã«ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºçµ±æ‹¬éƒ¨ã®æ±Ÿå£ æ‹“å¼¥ãŒç™»å£‡ã—ã¾ã—ãŸï¼ - techtekt
techtektç·¨é›†éƒ¨ã§ã™ï¼ 7æœˆ1æ—¥ã«ä»™å°ã§é–‹å‚¬ã•ã‚ŒãŸã€Œv-sendai #2ã€ã«ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºçµ±æ‹¬éƒ¨ã«ã¦ã‚·ãƒ‹ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’å‹™ã‚ã‚‹æ±Ÿå£ æ‹“å¼¥ãŒç™»å£‡ã—ã¾ã—ãŸï¼ï¼ˆâ€»å†™çœŸã¯åˆ¥æ—¥ã®ãƒ¢ãƒŽã§ã™ï¼‰ â€•ç™»å£‡è³‡æ–™ ã“ã‚Œã ã‘ã¯çŸ¥ã£ã¦ãŠããŸã„Vue.jsã®ãƒ†ã‚¹ãƒˆã®ã“ã¨ â€•ã©ã‚“ãªã‚¤ãƒ™ãƒ³ãƒˆã§ã€ä½•ã‚’ä¼ãˆã¦ãã¾ã—ãŸã‹ï¼Ÿ v_sendaiã¯ã€ä»™å°ã§é–‹å‚¬ã•ã‚Œã¦ã„ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Vue.jsã®å‹‰å¼·ä¼šã§ã™ã€‚ ç¬¬2å›žç›®ã®ä»Šå›žã¯ã€Vueã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’ã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠããŸã„æœ€ä½Žé™ã®ãƒŠãƒ¬ãƒƒã‚¸ãƒ»ç§ã®æ„Ÿã˜ã¦ã„ã‚‹ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ãƒ»ãƒãƒžã£ãŸäº‹ã‚’LTã«ã¦ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆã¯ã¡ã‚‡ã£ã¨è¦‹ãŸç›®ã‚’å¤‰ãˆã‚‹ã¨å‹•ã‹ãªããªã‚ŠãŒã¡ã§ã‚³ã‚¹ãƒˆãŒé«˜ã„ã®ã§ã™ãŒã€ã¡ã‚ƒã‚“ã¨ãƒ†ã‚¹ãƒˆã—ã¦ãŠãã“ã¨ã§æœªæ¥ã®è‡ªåˆ†ã‚’åŠ©ã‘ã‚‹ã¨ã„ã†ã“ã¨ãŒä¼ã‚ã‚Œã°å¬‰ã—ã„ã§ã™ã€‚ â€•ç™»å£‡ã‚’é€šã˜ã¦ã€å¾—ã‚‰ã‚ŒãŸã‚³ãƒˆã€å¦ã‚“ã ã‚³ãƒˆã‚’æ•™ãˆã¦ãã ã•ã„ å®Ÿã¯LT
seckie 2020/01/07
vue.js

test
ãƒªãƒ³ã‚¯
vue-typescript
I spent a few days on and off learning parts of Vue to write a small app. I wrote the same app with Angular. I'm sharing my experience of working through Vue for the first time to help others that may be curious about the JavaScript framework landscape. This post explores how I refactored the Vue app to use TypeScript. The two places I found the most help were in this (Microsoft resource](https://
seckie 2020/01/04
vue.js

typescript
ãƒªãƒ³ã‚¯
Vue.js ã‹ã‚‰è€ƒãˆã‚‹ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ - 2019
ã“ã¡ã‚‰ã¯ã€Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ Advent Calendar 2019 ã®ï¼’ï¼‘æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ Vue.js é–‹ç™ºã«ãŠã‘ã‚‹ Web ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å¯¾å¿œã«ã¾ã¤ã‚ã‚‹å†…å®¹ã¨ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ï¼ˆè‹±è¨³è¨˜äº‹ï¼‰ ã“ã®è¨˜äº‹ã¯å…¬é–‹ã‹ã‚‰ï¼‘å¹´ä»¥ä¸ŠãŒçµŒéŽã—ã¦ã„ã¾ã™ã€‚å†…å®¹ãŒä¸€éƒ¨å¤ã„ç®‡æ‰€ãŒã‚ã‚Šã¾ã™ã€‚ è‡ªå·±ç´¹ä»‹ å¤§å±±å¥¥äººï¼ˆãŠãŠã‚„ã¾ãŠãã¨ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ãƒãƒƒãƒˆä¸Šã§ã¯ã€ãŠãŠã‚„ã¾ã¿ã¡ã®ãã€yamanoku ã¨åä¹—ã£ã¦æ´»å‹•ã—ã¦ã„ã¾ã™ã€‚ åˆ¶ä½œä¼šç¤¾ã® Web ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦åƒãå‡ºã—ã€æ ªå¼ä¼šç¤¾GEEK ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦å¾“äº‹ã—ãŸå¾Œã€2019 å¹´ 10 æœˆã‹ã‚‰æ ªå¼ä¼šç¤¾ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ã«åœ¨ç±ã—ã¦ãŠã‚Šã¾ã™ã€‚ å½¹è·ã¯ UX ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã™ã€‚å€‹äººã§ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£å•“è’™ã‚‚è¡Œã£ã¦ã„ã¾ã™ã€‚ è‘—æ›¸ ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ æŠ€è¡“æ›¸å…¸ã§ã€Œã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€ã¨ã„ã†æŠ€è¡“åŒäººèªŒã‚’ç™ºè¡¨ã—ã¾ã—
seckie 2020/01/02
accessibility

vue.js
ãƒªãƒ³ã‚¯
Vue.jsï¼‹Vuexï¼‹TypeScriptã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç¾å ´ã‚’å‰å‘ãã«æ”¹å–„ã—ãŸè©± - ZOZO TECH BLOG
ã“ã‚“ã«ã¡ã¯ã€‚Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ¾äº•èœç©‚åã§ã™ã€‚ ZOZOãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚ºã«å…¥ç¤¾ã—ã¦ä¸€å¹´ã»ã©çµŒã¡ã¾ã™ã€‚ ã‚ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã®ç«‹ã¡ä¸Šã’ã‹ã‚‰é‹ç”¨ã¾ã§ã€Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒãƒ¼ãƒ ãƒªãƒ¼ãƒ€ãƒ¼ãƒ»é–‹ç™ºãƒ¡ãƒ³ãƒãƒ¼ã¨ã—ã¦é–¢ã‚ã£ã¦ãã¾ã—ãŸã€‚ å½“è¨˜äº‹ã§ã¯ã€å½“ç¤¾ã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç¾å ´ã«ã‚ã£ãŸå•é¡Œã¨ã€ãã‚Œãžã‚Œã®èª²é¡Œã«å¯¾ã—ã¦å …å®Ÿã«ç©ã¿é‡ããŸæŠ€è¡“çš„ãªæ”¹å–„æ–¹æ³•ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒ¢ãƒ€ãƒ³ãªæŠ€è¡“ã§ã‚‚è² å‚µã¯ç”Ÿã¾ã‚Œã‚‹ è² å‚µã‚’ä½•æ•…æ”¹å–„ã™ã‚‹ã®ã‹ è¦å› ãã®1: Vueã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç¶ºéº—ã«åˆ†å‰²ã™ã‚‹ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¯ãƒ©ã‚¹ ä½¿ç”¨ä¾‹ è§£æ±ºç– ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¯ãƒ©ã‚¹ ä½¿ç”¨ä¾‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ä½¿ç”¨ä¾‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¯ãƒ©ã‚¹ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚«ã‚¿ãƒã‚°ã§æ±Žç”¨åŒ–ã‚’ä¿ƒã™ ã‚³ãƒ¼ãƒ‰ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼ˆatoms.vueï¼‰ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚¯ãƒ©ã‚¹ï¼ˆatoms.vueï¼‰ ã‚µãƒ³ãƒ—ãƒ« ãã®2: Vuexã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ã™ã‚‹ Sta
seckie 2019/12/21
typescript

vue.js
ãƒªãƒ³ã‚¯
é ‘å¼µã‚Šã™ãŽãªã„Vue.jså˜ä½“ãƒ†ã‚¹ãƒˆã®ã‚¹ã‚¹ãƒ¡ / Vue.js unit testing that does not work too hard
2019/10/24 STORES.jp Meetup for Front-end Engineers #1ã§ç™ºè¡¨ã—ãŸå†…å®¹ã§ã™ã€‚
seckie 2019/12/19
vue.js

test
ãƒªãƒ³ã‚¯
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
seckie 2019/12/14
vue.js

presentation
ãƒªãƒ³ã‚¯
åŒ—æµ·é“æœå¹Œå¸‚ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãƒ»Webåˆ¶ä½œãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºä¼šç¤¾ï½œæ ªå¼ä¼šç¤¾ãƒžãƒ¼ãƒ™ãƒªãƒƒã‚¯ã‚¹
æœ€é«˜ã®ãƒãƒ¼ãƒ ã§ã€ æœ€é«˜ã®ä¾¡å€¤ã‚’æä¾›ã™ã‚‹ æ ªå¼ä¼šç¤¾ãƒžãƒ¼ãƒ™ãƒªãƒƒã‚¯ã‚¹ã¯ åŒ—æµ·é“æœå¹Œå¸‚ã«æ‹ ç‚¹ã‚’ç½®ã ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œãƒ» Webã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºä¼šç¤¾ã§ã™ã€‚ äººã€…ãŒãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã‚’ æœ€å¤§é™ã«ç™ºæ®ã§ãã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã€ ãƒ¡ãƒ³ãƒãƒ¼ã®é•·æ‰€ã‚’æ´»ã‹ã—ãŸãƒãƒ¼ãƒ ã®åŠ›ã§ æœŸå¾…ä»¥ä¸Šã®ä¾¡å€¤ã¨ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ã‚’æä¾›ã—ã¾ã™ã€‚ ç›®çš„ã‹ã‚‰ã® é€†ç®—æ€è€ƒã§ æœŸå¾…ä»¥ä¸Šã®æˆæžœã‚’å®Ÿç¾ ãƒžãƒ¼ãƒ™ãƒªãƒƒã‚¯ã‚¹ã¯ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é‡è¦–ã—ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãã—ã¦ãã®å…ˆã®ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ç·šã«ç«‹ã£ã¦æœ€é©ãªæˆæžœã‚’ç”Ÿã¿å‡ºã—ã¾ã™ã€‚ çµŒé¨“è±Šå¯Œãªãƒ¡ãƒ³ãƒãƒ¼ãŒç›®çš„ã‚„æˆã—é‚ã’ãŸã„ãƒ“ã‚¸ãƒã‚¹ã®ç›®æ¨™ã‚’ä¸å¯§ã«ãŠä¼ºã„ã—ã€ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã‚„ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãƒ»ECã‚µã‚¤ãƒˆã®åˆ¶ä½œã‚’é€šã˜ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®äº‹æ¥æˆé•·ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ ç‰¹ã«æŸ”è»Ÿã«å¯¾å¿œã§ãã‚‹ã€Œãƒªãƒ¢ãƒ¼ãƒˆãƒ©ãƒœã€ãªã‚‰ã€ãŠå®¢æ§˜ã®é–‹ç™ºã‚’åŠ¹çŽ‡çš„ã«é€²ã‚ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚
seckie 2019/12/13
vue.js
ãƒªãƒ³ã‚¯
TypeScript + Vue.jsã§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º - razokulover publog
æœ€è¿‘webã‚¢ãƒ—ãƒª(Railsã®viewã§Vue.jsã‚’ä½¿ã£ã¦ã‚‹æ„Ÿã˜ã®éƒ¨åˆ†)ã‚’ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã ã‘åˆ‡ã‚Šé›¢ã—ã¦ãƒªãƒ©ã‚¤ãƒˆã™ã‚‹æ¥å‹™ã‚’ã‚„ã£ãŸã€‚ ä»–ã®æ¥å‹™ã¨ä¸¦è¡Œã§é€²ã‚ã€å®Ÿè£…ã‹ã‚‰ãƒªãƒªãƒ¼ã‚¹ã¾ã§ã®æœŸé–“ã¯å¤§ä½“å–¶æ¥æ—¥æ›ç®—ã§2é€±é–“ã¡ã‚‡ã„ãã‚‰ã„ã€‚ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®APIãªã©ã¯ã™ã§ã«é–‹ç™ºæ¸ˆã¿ã®ã‚‚ã®ã‚’ä½¿ãˆãŸã®ã§ç´”ç²‹ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã¿ã€‚ é€”ä¸ã€æ—¢å˜ã®å‹•ã„ã¦ã‚‹ã‚¢ãƒ—ãƒªã¸æ©Ÿèƒ½è¿½åŠ ãªã©ã•ã‚Œã¦ã„ãŸã®ã§éƒ½åº¦è¿½å¾“ã—ã¦ã„ãä½œæ¥ã‚‚ã‚„ã£ãŸã€‚ ãã‚‚ãã‚‚ãƒªãƒ©ã‚¤ãƒˆã™ã‚‹ã“ã¨ã‚’æ±ºã‚ãŸã®ã¯å…ƒã®ã‚¢ãƒ—ãƒªãŒæ´å²çš„ãªçµŒç·¯ãªã©ã‚ã‚Šã€ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã§ãã‚‹ç’°å¢ƒã«ç„¡ãã€åŠ ãˆã¦Android4.2ä»¥é™ã®webãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã™ã‚‹å¿…è¦ãŒã‚ã£ãŸãŸã‚ã€‚ç´ æ‰‹ã§ES5ã‚’æ›¸ãç¶šã‘ã‚‹ã®ã¯è¦æ¨¡ãŒå¤§ãããªã£ã¦ã„ãã¨ã ã„ã¶è¾›ã„ã—ã“ã“ã‚‰ã§ã¡ã‚ƒã‚“ã¨æ•´ãˆã¾ã—ã‚‡ã†ã¨ã„ã†ã“ã¨ã§é‡ã„è…°ã‚’ã‚ã’ãŸã¨ã„ã†æ„Ÿã˜ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ã¯Vue.jsã«å…ƒã€…ã¯æ…£ã‚Œã¦ãŸã“ã¨ã‚‚ã‚ã‚Šã€Vue.jsã‚’åˆ©ç”¨ã€‚ã“ã®å¤ã«
seckie 2019/04/21
vue.js
ãƒªãƒ³ã‚¯
2019å¹´ç‰ˆVue.jsã‚’ä½¿ã£ã¦ã‚‹äººã«ã¯å¿…ãšçŸ¥ã£ã¦ã„ã¦ã»ã—ã„Vue.jsã®æ¦å™¨ã¨ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«æ›¸ã‹ã‚Œã¦ã„ãªã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®éš›ã«å½¹ç«‹ã¤Tips - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¯ã˜ã‚ã« ç§ã¯Vue.js with Vuexã‚’ä½¿ã£ãŸæ¥å‹™ã§1ç”»é¢30APIã‚’å©ãå¿…è¦ã®ã‚ã‚‹ç”»é¢ã‹ã‚‰ã€ãŸã£ãŸã®æ•°APIã—ã‹å©ã‹ãªã„ã‘ã‚Œã©ã€ä»£ã‚ã‚Šã«UIãŒã¨ã¦ã‚‚æ©Ÿèƒ½çš„ã§è¤‡é›‘ãªç”»é¢ã¾ã§è¨è¨ˆã—ã€æ§‹ç¯‰ã—ã¾ã—ãŸã€‚ ã‚‚ã¡ã‚ã‚“ã€Vue.jsã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚·ã‚¹ãƒ†ãƒ ã‚’ãƒ•ãƒ«æ´»ç”¨ã—ã€Vuexã‚’å…¥ã‚Œã¦ã„ãªã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®çµŒé¨“ã‚‚ã‚ã‚Šã¾ã™ã€‚ ç¾åœ¨ã¯æ§‹ç¯‰ã—ãŸã‚·ã‚¹ãƒ†ãƒ ã‚’ä¿å®ˆãƒ»é‹ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€å‹‰å¼·ã®ç‚ºã«Reactã€ Angularã€ æœ€è¿‘ã¯Elmç‰ã«ã‚‚å°‘ã—è§¦ã‚Œã¦ã„ã¾ã™ã€‚ ãã®éš›ã«å¾—ã‚‰ã‚ŒãŸãƒŽã‚¦ãƒã‚¦ã€Vue.jsãŒä»–ã®ãƒ©ã‚¤ãƒãƒ«ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨æ¯”ã¹ãŸéš›ã«ç¾æ™‚ç‚¹ã§æœ¬å½“
seckie 2019/03/08
vue.js
ãƒªãƒ³ã‚¯
Vue.js ç¶šãƒ»å¤§è¦æ¨¡ã‚¢ãƒ—ãƒªé–‹ç™º - Speaker Deck
å®Ÿè·µã‚µãƒ¼ãƒã‚™ãƒ¼ãƒ¬ã‚¹ãƒã‚šãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚¯ã‚™ ~ãã®å®ŸåŠ›ã«è¿«ã‚‹~ / Practical Serverless Performance Tuning ~A Close Look at its Power~
seckie 2018/12/05
vue.js
ãƒªãƒ³ã‚¯
Vueã‚’æ˜”è§¦ã£ãŸå¾ŒReactã‚’ã©ã£ã·ã‚Šè§¦ã£ã¦ã‚‚ã†ä¸€å›žVueã‚’è§¦ã£ã¦Reactã«æˆ»ã£ã¦å¾—ãŸæ„Ÿæƒ³
æœ€è¿‘Reactã¨Vueã‚’ã©ã£ã¡ã‚‚è§¦ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã‚Šã€ã€ŒReactã¨Vueã©ã†é¸å®šã™ã‚‹ã®ï¼Ÿã€ã¨ã„ã†å•ã„ã‚’æŠ•ã’ã‚‰ã‚Œã€ã‚¹ãƒƒã¨ç”ãˆã‚‰ã‚Œãªã‹ã£ãŸãªã€ã¨å¾Œæ‚”ãŒã‚ã£ãŸã‚Šã—ã¦ã„ãŸã®ã§ã€Vueã‚’è§¦ã£ã¦å¾—ã‚‰ã‚ŒãŸæ„Ÿæƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ çµè«–ã¨ã—ã¦ãªã«ã‹æ–°ã—ã„ã“ã¨ã‚’ç™ºè¦‹ã—ãŸã¨ã„ã†ã‚‚ã®ã§ã¯ãªãã€ä¸–é–“ã§è¨€ã‚ã‚Œã¦ã„ã‚‹äº‹ã‚’è‡ªåˆ†ãªã‚Šã«å†æ§‹ç¯‰ã—ãŸã ã‘ã®çµè«–ã«ãªã£ãŸã¨æ€ã†ã€‚ TL; DRVueã‹ã‚‰ã¯å…¨ä½“çš„ã«å„ªã—ã•ï¼ˆGentleã•ï¼‰ã‚’æ„Ÿã˜ã‚‹äº‹ãŒå¤šãã€è‰¯ã„ç‚¹ã ã¨æ„Ÿã˜ãŸå¤§è¦æ¨¡ã«ãªã‚‹ã¨ãReactã®å …ç‰¢ã•ã¯é…åŠ›çš„ã€‚VueãŒå¤§ãããªã£ãŸæ™‚ã«æ”¯ãˆã‚‰ã‚Œè¨è¨ˆãŒå‡ºæ¥ã‚‹ã‹ã¯å€‹äººçš„ã«ã¯æ‡ç–‘çš„ã€‚ã€Œã“ã†ã ã£ãŸã‚‰Vueã€ã“ã†ã ã£ãŸã‚‰Reactã€ã¿ãŸã„ãªåˆ†å²ç‚¹ãŒã‚ã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã®ã§ã€æœ€çµ‚çš„ã«ã¯å¥½ã¿ã«ãªã£ã¦ãã‚‹ã¨æ€ã†ã€‚ãžã†ã•ã‚“ãŒå¥½ãã‹ãã‚Šã‚“ã•ã‚“ãŒå¥½ãã‹ã€‚ã“ã‚Œã¾ã§ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯éæ´ä»Šå›žã®è©±ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ã€åƒ•ã¨å„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä»˜ãåˆã„ã‚’ã¾ã¨ã‚ã¦ãŠãã¨ã€
seckie 2018/10/31
vue.js

react
ãƒªãƒ³ã‚¯
é‹ç”¨æœŸé–“20å¹´ã€€DMMãŒæ˜Žã‹ã™ã€Vue.jsã‚’ä½¿ã£ã¦é•·æœŸé‹ç”¨ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ”¹å–„ã™ã‚‹ã¾ã§
2018å¹´9æœˆ5æ—¥ã€ç¬¬70å›žã¨ãªã‚‹ã€ŒHTML5ã¨ã‹å‹‰å¼·ä¼šã€ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œé–‹ç™ºç’°å¢ƒã€ã€‚ Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºç’°å¢ƒã‚’ãƒ†ãƒ¼ãƒžã«ã€ã‚¨ãƒ‡ã‚£ã‚¿ãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚„ServiceWorkerã‚’é–‹ç™ºãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ä½¿ã†ã‚¢ãƒ—ãƒãƒ¼ãƒã€é•·æœŸé‹ç”¨ã•ã‚ŒãŸã‚µãƒ¼ãƒ“ã‚¹ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«æ–¹é‡ãªã©ã€ç™»å£‡è€…ãŸã¡ãŒãã®çŸ¥è¦‹ã‚’èªžã‚Šã¾ã™ã€‚ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€Œé•·æœŸé‹ç”¨ã‚µãƒ¼ãƒ’ã‚™ã‚¹æ”¹å–„ã®ãŸã‚ã«æ§‹ç¯‰ã—ãŸé–‹ç™ºç’°å¢ƒã®è©±ã€ã«ç™»å ´ã—ãŸã®ã¯ã€koyanoæ°ã€‚DMMã«ãŠã„ã¦é•·æœŸé–“é‹ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŒDMMå‹•ç”»ã€ã®æ”¹å–„ã®ãŸã‚ã«ã€Vue.jsã‚’ä½¿ã£ã¦å–ã‚Šçµ„ã‚“ã ã“ã¨ã«ã¤ã„ã¦èªžã‚Šã¾ã—ãŸã€‚è¬›æ¼”è³‡æ–™ã¯ã“ã¡ã‚‰ é•·æœŸé‹ç”¨ã‚µãƒ¼ãƒ“ã‚¹æ”¹å–„ã®ãŸã‚ã«æ§‹ç¯‰ã—ãŸé–‹ç™ºç’°å¢ƒã®è©± koyanoæ°ï¼šãã‚Œã§ã¯å§‹ã‚ã•ã›ã¦ã„ãŸã ããŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ï¼ˆä¼šå ´æ‹æ‰‹ï¼‰ ã€Œé•·æœŸé‹ç”¨ã‚µãƒ¼ãƒ“ã‚¹æ”¹å–„ã®ãŸã‚ã«æ§‹ç¯‰ã—ãŸé–‹ç™ºç’°å¢ƒã®è©±ã€ã‚’ã•ã›ã¦ã„ãŸã ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšè‡ªå·±ç´¹ä»‹
seckie 2018/10/24
vue.js
ãƒªãƒ³ã‚¯
Vue.js Examples
Folio-Magazine is a portfolio website presented in an innovative magazine format, built using the powerful Nuxt framework.
seckie 2018/10/18
vue.js

gallery

example
ãƒªãƒ³ã‚¯
ã€ŒVueã‚³ãƒ³ã‚µãƒ«ãŒæ•™ãˆãŸããªã„ï¼—ã¤ã®çœŸå®Ÿã€ã‚’å‹‰å¼·ã—ã¦ã¿ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
seckie 2018/09/30
vue.js
ãƒªãƒ³ã‚¯
Vue/Vuexã«é™çš„ã«åž‹ã‚’ä»˜ã‘ã‚‹ - Please Drive Faster
æœ€è¿‘Vue/Vuexã‚’è§¦ã£ã¦ã„ã‚‹ã€‚ å‰ã€…ã‹ã‚‰æ¬²ã—ã„ã¨æ€ã£ã¦ã„ãŸã®ã‚‚ã‚ã£ã¦ã€ç¿’ä½œã¨ã—ã¦electronã§YouTubeã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’ä½œã£ãŸã€‚ github.com åƒ•ã¯ä»•äº‹ä¸ã¯ã ã„ãŸã„YouTubeã‚’å†ç”Ÿã—ã¦ã„ã‚‹ã€‚æ˜ åƒã‚’è¦‹ãªãŒã‚‰ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ããŸã„æ¬²æ±‚ãŒã‚ã£ãŸã€‚ã¨ã¯ã„ãˆã€ãã®ãŸã‚ã«ä½œæ¥é ˜åŸŸã‚’ä¾µé£Ÿã•ã‚Œã‚‹ã®ã¯ã¤ã‚‰ã„ã€‚ ã¨ã„ã†ã“ã¨ã§å‰é¢ã«å›ºå®šã™ã‚‹æ©Ÿèƒ½ã¨é€éŽçŽ‡ã‚’è¨å®šã§ãã‚‹æ©Ÿèƒ½ã‚’ã¤ã‘ãŸã€‚ ã“ã‚“ãªæ„Ÿã˜ã«ãªã£ã¦ä¾¿åˆ©ã€‚ Vueã«ãŠã„ã¦ã€TypeScriptã‚’é¸ã¶ã‹Flowã‚’é¸ã¶ã‹ Vueã«ãŠã„ã¦ã€æ¥½ã‚’ã—ãŸã„ãªã‚‰TypeScriptã‚’é¸ã¶æ–¹ãŒè‰¯ã„ã€‚Flowã«æ¯”ã¹ã¦ã€å…¬å¼ã®ã‚µãƒãƒ¼ãƒˆãŒæ–ç„¶ã«åŽšã„ã€‚ å…¬å¼ãƒšãƒ¼ã‚¸ã«ã‚‚ã‚µãƒãƒ¼ãƒˆã«ã¤ã„ã¦1ã‚»ã‚¯ã‚·ãƒ§ãƒ³å‰²ã‹ã‚Œã¦ã„ã‚‹ã€‚ TypeScript Support â€” Vue.js ã¾ãŸã€TypeScriptãƒãƒ¼ãƒ ãŒVueã¨TypeScriptã®Starter Kitã‚’å…¬é–‹ã—
seckie 2018/09/25
vue.js

vuex
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸