[B! Vue.js] poginã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pogin id:pogin

Vue.jsã«é–¢ã™ã‚‹poginã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

${{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.js
Note ã“ã® Vue.js ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯å¤ããªã£ã¦ã„ã¾ã™ã®ã§ã€è¦‹ç›´ã—ãŒå¿…è¦ã§ã™ã€‚ã”è³ªå•ã‚„ã”æ„è¦‹ãŒã‚ã‚Šã¾ã—ãŸã‚‰ã€issue ã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã—ã¦ãã ã•ã„ã€‚ ã“ã‚Œã‚‰ã®ãƒ«ãƒ¼ãƒ«ã¯ã€ã»ã¨ã‚“ã©ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§å¯èªæ€§ã‚„é–‹ç™ºè€…ã®ä½¿ã„å‹æ‰‹ã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒåˆ†ã‹ã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰ã®ãƒ«ãƒ¼ãƒ«ã«é•åã—ãŸå ´åˆã§ã‚‚ã€ã‚ãªãŸã®ã‚³ãƒ¼ãƒ‰ã¯å‹•ä½œã—ã¾ã™ãŒã€é•åã¯ã”ãå°‘æ•°ã§ååˆ†ã«æ£å½“ãªç†ç”±ãŒãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ•ã‚¡ã‚¤ãƒ« â€‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’çµåˆã—ã¦ãã‚Œã‚‹ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ãŒã‚ã‚‹ã¨ãã¯ã€å„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ãã‚Œãžã‚Œåˆ¥ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã™ã‚‹ã¹ãã§ã™ã€‚ ãã†ã™ã‚Œã°ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç·¨é›†ã—ãŸã‚Šã€ä½¿ã„æ–¹ã‚’ç¢ºèªã—ãŸã‚Šã™ã‚‹ã¨ãã«ã€ã‚ˆã‚Šç´ æ—©ãè¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚
pogin 2023/11/03
Vue

Vue.js
ãƒªãƒ³ã‚¯
ã€Vue.jsã€‘è² å‚µã‚’è¿”å´ã—ãªãŒã‚‰æ©Ÿèƒ½è¿½åŠ ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„çŠ¶æ³ã§å®Ÿè·µã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆ - ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ï¼ ç¤¾ä¼šäºº2å¹´ç›®ã‚’é ‘å¼µã£ã¦ãŠã‚Šã¾ã™ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®@b0ntenmaruã§ã™ã€‚ ä»Šå¹´2æœˆã¾ã§ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°å°‚é–€ãƒãƒ¼ãƒ ã«ã¦crowdworks.jpã®æŠ€è¡“çš„è² å‚µã‚’è¿”å´ã™ã‚‹ãŸã‚ã«å¥®é—˜ã—ã¦ãŠã‚Šã¾ã—ãŸãŒã€ãã“ã‹ã‚‰ç¾åœ¨ã¾ã§ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çš†æ§˜ã«å®‰å¿ƒå®‰å…¨ãªã‚µãƒ¼ãƒ“ã‚¹ã‚’æä¾›ã™ã‚‹ãŸã‚ã«ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ å®‰å¿ƒå®‰å…¨å®£è¨€ã®ãŸã‚ã®æ–½ç–ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°å°‚é–€ãƒãƒ¼ãƒ ã«ã¤ã„ã¦ã¯ä»¥ä¸‹ã‚’ã”è¦§ãã ã•ã„ã€‚ engineer.crowdworks.jp qiita.com æ–½ç–ã«ã‚ˆã‚‹æ©Ÿèƒ½é–‹ç™ºã‚’è¡Œã†éš›ã«ç›´é¢ã—ãŸèª²é¡Œ æ–½ç–ã§ã¯ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æ©Ÿèƒ½è¿½åŠ ã‚’ã™ã‚‹ã“ã¨ã«ãªã£ãŸã®ã§ã™ãŒã€æŠ€è¡“çš„è² å‚µã«ã‚ˆã‚Šã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ç¶æŒã—ãªãŒã‚‰é–‹ç™ºã‚’ç¶šã‘ã‚‹ã“ã¨ã¯å›°é›£ãªçŠ¶æ…‹ã§ã—ãŸã€‚ crowdworks.jpã‚’å–ã‚Šå·»ããƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ã¯ã–ã£ãã‚Šæ›¸ãã¨ä¸‹è¨˜3ã¤ã«åˆ†é¡žã§ãã¾ã™ã€‚ãã‚Œãžã‚Œã§ç™ºç”Ÿã—ã¦ã„ã‚‹å•é¡Œã‚’ç°¡æ½”ã«ã¾ã¨ã‚ã¾ã™ã€‚
pogin 2020/08/27
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> ãã‚Œã§ã‚‚æ™‚ã¨ã—ã¦ã€
pogin 2020/07/17
Vue

ã‚ã¨ã§èªã‚€

ã‚³ãƒ¼ãƒ‰

js

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

é–‹ç™º

Vue.js

js

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã€Œçµå±€Nuxt.jsã£ã¦ä½•ãŒã„ã„ã®ï¼Ÿã€ã«å¯¾ã™ã‚‹å›žç” by potato4d
@potato4d ã®åå‰ã§æ´»å‹• ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ Vue.js jp Docs core maintenance member Vue.js Japan UserGroup ã‚¹ã‚¿ãƒƒãƒ• nuxt/docs en & ja contributor Nuxt tech book è‘—è€…
pogin 2018/05/24
Vue.js

js

Nuxt.js

web
ãƒªãƒ³ã‚¯
Vue.jsã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè©°ã‚åˆã‚ã›ã€ŒElementã€ãŒã‚¹ã‚´ã‹ã£ãŸ | ç¶ºéº—ã«æ»ã¬ITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹ã€ŒVue.jsã€ã€çš†ã•ã‚“ã¯ä½¿ã£ã¦ã¾ã™ã§ã—ã‚‡ã†ã‹ã€‚ å¦ç¿’ã‚³ã‚¹ãƒˆã®ä½Žã•ã€å°è¦æ¨¡æ¡ˆä»¶ã§ã®å°Žå…¥ã®ã—ã‚„ã™ã•ã€å¤§è¦æ¨¡æ¡ˆä»¶ã«ã‚‚å¯¾å¿œã§ãã‚‹æ‹¡å¼µæ€§ã®é«˜ã•ã‹ã‚‰ã€æœ€è¿‘ã¯Vue.jsã°ã‹ã‚Šã„ã˜ã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ãã‚“ãªVue.jsä¸Šã§ã€ã™ãã«é«˜æ©Ÿèƒ½ãªUIãƒ‘ãƒ¼ãƒ„ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè©°ã‚åˆã‚ã›ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒElementã€ãŒäºˆæƒ³ä»¥ä¸Šã«ã‚¹ã‚´ã‹ã£ãŸã®ã§ã€ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ç°¡å˜ã«é«˜æ©Ÿèƒ½ãªUIãŒå®Ÿè£…ã§ãã‚‹ã®ã§ã€Vue.jsã‚’ä½¿ã£ãŸã“ã¨ãŒãªã„äººã‚‚ã€ä¸€èªã—ã¦ã„ãŸã ãã€ã€ŒVue.jsä½¿ã£ã¦ã¿ã‚ˆã†ï¼ã€ã¨ãªã£ã¦ãã‚Œã‚‹ã¨ã€å¬‰ã—ã„é™ã‚Šã§ã™ã€‚ Vue.jsã¨ã¯çŸ¥ã‚‰ãªã„äººã®ãŸã‚ã«ã€Vue.jsã®ç´¹ä»‹ã‚’ã—ã¦ãŠãã¾ã™ã€‚ Vue.jsã¯JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸€ã¤ã§ã™ã€‚ ä»–ã®ä¸€æžšæ¿ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ç•°ãªã‚Šã€åˆã‚ã‹ã‚‰å°‘ã—ã¥ã¤é©ç”¨ã—ã¦ã„ã‘ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„æ—¢
pogin 2018/05/04
ã‚ã¨ã§èªã‚€

Vue.js

UI

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

javascript
ãƒªãƒ³ã‚¯
Medium â€“ Get smarter about what matters to you.
Your privacy stays yours. We donâ€™t sell your data or target you with ads. Ever. Medium is not like any other platform on the internet. Our sole purpose is to help you find compelling ideas, knowledge, and perspectives. We donâ€™t serve adsâ€”we serve you, the curious reader who loves to learn new things. Medium is home to thousands of independent voices, and we combine humans and techno logy to find th
pogin 2018/04/29
Vue.js

websocket
ãƒªãƒ³ã‚¯
Vue.jsç”¨ã®selectã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæ¯”è¼ƒ - FLINTERS Engineer's Blog
ã“ã‚“ã«ã¡ã¯ã€ã¾ã‚‹ã‚„ã¾ã§ã™ã€‚ ç¾åœ¨ä»•äº‹ã§Vue.jsã‚’ä½¿ã£ã¦ã„ã¾ã™ãŒã€æœ€è¿‘ãã®Vue.jsç”¨ã®selectã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã„ãã¤ã‹è©¦ã—ã¦ã¿ãŸã®ã§ä½¿ã£ãŸæ„Ÿã˜ã‚„ã€å•é¡Œç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ vue-select ã¾ãšã¯vue-selectã§ã™ã€‚ ä½¿ã„æ–¹ã®ä¾‹ <template> <div> {{selected}} <v-select :value.sync="selected" :options="options" multiple ></v-select> </div> </template> <script> import vSelect from 'vue-select' export default { components: {vSelect}, data() { return { selected: null, options: ['ãã“','ã†ã—','ã„ã¬','ãžã†','ã¨ã‚‰',
pogin 2018/04/19
Vue.js

js

html
ãƒªãƒ³ã‚¯
Simple User Login in a Vue.js Web Application
Our website is made possible by displaying online advertisements to our visitors. Please consider supporting us by disabling your ad blocker. Sometimes the best examples towards learning a new framework is through a simple user login sample. Login involves many concepts, including forms, data binding, routing, and potentially HTTP to a remote service, all of which are core concepts in any web appl
pogin 2018/04/17
Vue.js

web

application

js

CLI
ãƒªãƒ³ã‚¯
Pull Requestã”ã¨ã«StorybookãŒãƒ“ãƒ«ãƒ‰ã•ã‚ŒãŸã‚‰æœ€é«˜ã˜ã‚ƒãï¼Ÿ - Studio Andy
merpayã§ã¯ç©æ¥µçš„ã«Storybookã‚’æ´»ç”¨ã—ã¦ã‚³ãƒ¼ãƒ‰ã¨è¦‹ãŸç›®ã®ä¸¡æ–¹ã®è¦³ç‚¹ã§ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’è¡Œãªã£ã¦ã„ã¾ã™ãŒã€Pull RequestãŒé£›ã‚“ã§ãã‚‹ãŸã³ã«è©²å½“ãƒ–ãƒ©ãƒ³ãƒã‚’pullã—ã¦ãƒãƒ¼ã‚«ãƒ«ã§Storybookã‚’èµ·å‹•ã™ã‚‹ã®ãŒå¤§å¤‰ã¨ã„ã†é‹ç”¨ä¸Šã®å•é¡Œã‚’æŠ±ãˆã¦ã„ã¾ã—ãŸã€‚ ãã“ã§ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ãƒ ã®å”åŠ›ã®ã‚‚ã¨ã€PRãŒä½œæˆã•ã‚Œã‚‹ãŸã³ã«CIã‹ã‚‰GAEä¸Šã«ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªpathã‚’ã‚‚ã£ãŸStorybookã‚’é…ä¿¡ã™ã‚‹ä»•çµ„ã¿ãŒå°Žå…¥ã•ã‚ŒãŸã®ãŒå…ˆé€±ã®ã“ã¨ã€‚ã¨ã¦ã‚‚ã‚ã§ãŸã„ðŸ‘ðŸ‘ ã“ã‚Œã«ã‚ˆã£ã¦PRã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹æ™‚ã‚‚URLã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã ã‘ã§ã‚ˆããªã‚Šã¾ã—ãŸã€‚ UIé–‹ç™ºã®æ¦‚å¿µãŒã²ã£ãã‚Šè¿”ã‚‹ã»ã©ä¾¿åˆ©ã ã£ãŸã®ã§ã€ã“ã®ä»•çµ„ã¿ã‚’ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã®é–‹ç™ºã§ã‚‚å°Žå…¥ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚„ã‚ŠãŸã„ã“ã¨ Storybookã‚’ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã™ã‚‹ç’°å¢ƒ(URLã®å…±æœ‰ã ã‘ã§å®Œçµã™ã‚‹ã‚‚ã®)ã‚’ä½œã‚ŠãŸã„ Pull RequestãŒä½œæˆã•ã‚Œã‚‹ã”ã¨ã«è‡ªå‹•ã§æ–°ã—ã„
pogin 2018/04/08
heroku

ãƒ†ã‚¹ãƒˆ

Vue.js

é–‹ç™ºæ‰‹æ³•
ãƒªãƒ³ã‚¯
Vueã‚’æ˜”è§¦ã£ãŸå¾ŒReactã‚’ã©ã£ã·ã‚Šè§¦ã£ã¦ã‚‚ã†ä¸€å›žVueã‚’è§¦ã£ã¦Reactã«æˆ»ã£ã¦å¾—ãŸæ„Ÿæƒ³
æœ€è¿‘Reactã¨Vueã‚’ã©ã£ã¡ã‚‚è§¦ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã‚Šã€ã€ŒReactã¨Vueã©ã†é¸å®šã™ã‚‹ã®ï¼Ÿã€ã¨ã„ã†å•ã„ã‚’æŠ•ã’ã‚‰ã‚Œã€ã‚¹ãƒƒã¨ç”ãˆã‚‰ã‚Œãªã‹ã£ãŸãªã€ã¨å¾Œæ‚”ãŒã‚ã£ãŸã‚Šã—ã¦ã„ãŸã®ã§ã€Vueã‚’è§¦ã£ã¦å¾—ã‚‰ã‚ŒãŸæ„Ÿæƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ çµè«–ã¨ã—ã¦ãªã«ã‹æ–°ã—ã„ã“ã¨ã‚’ç™ºè¦‹ã—ãŸã¨ã„ã†ã‚‚ã®ã§ã¯ãªãã€ä¸–é–“ã§è¨€ã‚ã‚Œã¦ã„ã‚‹äº‹ã‚’è‡ªåˆ†ãªã‚Šã«å†æ§‹ç¯‰ã—ãŸã ã‘ã®çµè«–ã«ãªã£ãŸã¨æ€ã†ã€‚ TL; DRVueã‹ã‚‰ã¯å…¨ä½“çš„ã«å„ªã—ã•ï¼ˆGentleã•ï¼‰ã‚’æ„Ÿã˜ã‚‹äº‹ãŒå¤šãã€è‰¯ã„ç‚¹ã ã¨æ„Ÿã˜ãŸå¤§è¦æ¨¡ã«ãªã‚‹ã¨ãReactã®å …ç‰¢ã•ã¯é…åŠ›çš„ã€‚VueãŒå¤§ãããªã£ãŸæ™‚ã«æ”¯ãˆã‚‰ã‚Œè¨è¨ˆãŒå‡ºæ¥ã‚‹ã‹ã¯å€‹äººçš„ã«ã¯æ‡ç–‘çš„ã€‚ã€Œã“ã†ã ã£ãŸã‚‰Vueã€ã“ã†ã ã£ãŸã‚‰Reactã€ã¿ãŸã„ãªåˆ†å²ç‚¹ãŒã‚ã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã®ã§ã€æœ€çµ‚çš„ã«ã¯å¥½ã¿ã«ãªã£ã¦ãã‚‹ã¨æ€ã†ã€‚ãžã†ã•ã‚“ãŒå¥½ãã‹ãã‚Šã‚“ã•ã‚“ãŒå¥½ãã‹ã€‚ã“ã‚Œã¾ã§ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯éæ´ä»Šå›žã®è©±ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ã€åƒ•ã¨å„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä»˜ãåˆã„ã‚’ã¾ã¨ã‚ã¦ãŠãã¨ã€
pogin 2018/04/06
react

Vue

ã‚ã¨ã§èªã‚€

javascript

vue.js
ãƒªãƒ³ã‚¯
èªå¯ã¨èªè¨¼æŠ€è¡“ã«ã¤ã„ã¦ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’æ›¸ãã¾ã—ãŸ - ngzmã®ãƒ–ãƒã‚°
èªå¯ã¨èªè¨¼æŠ€è¡“ OAuth 1.0ã€OAuth 2.0 ãŠã‚ˆã³ OpenID Connect ã«é–¢ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ ã‚¢ãƒ—ãƒªé–‹ç™ºã§çŸ¥ã£ã¦ãŠããŸã„èªè¨¼æŠ€è¡“ - OAuth 1.0 + OAuth 2.0 + OpenID Connect - from Naoki Nagazumi www.slideshare.net é–‹ç™ºã—ã¦ã„ã‚‹ Web ã‚¢ãƒ—ãƒªã§ã€OAuth 1.0 ã‚„ OAuth 2.0 ãŠã‚ˆã³ OpenID Connect ã®èªå¯ã¨èªè¨¼æŠ€è¡“ã‚’çµ„ã¿è¾¼ã‚“ã æ™‚ã«ã€ã‚ã‚Œã“ã‚Œèª¿æŸ»ã—ã¦çŸ¥ã‚Šå¾—ãŸæŠ€è¡“ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ 130ãƒšãƒ¼ã‚¸ãã‚‰ã„ã®åŠ›ä½œã§ã™ï¼ãœã²ã”è¦§ãã ã•ã„ã€‚ ãƒ‡ãƒ¢ ã“ã‚Œã®ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ã«ã‚ã‚Šã¾ã™ AuthsDemo ãƒ‡ãƒ¢ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã§ã™ã€‚ GitHub - ngzm/auths-demo: This is a demo program with using OAuth
pogin 2018/03/29
ã‚¹ãƒ©ã‚¤ãƒ‰

Vue

ã‚¢ãƒ—ãƒª

ã‚¢ãƒ—ãƒªé–‹ç™º

Vue.js
ãƒªãƒ³ã‚¯
Vue.jsã®ä»Šå¾Œã¨æ¬¡ä¸–ä»£Webé–‹ç™ºã«ã¤ã„ã¦
MANABIYA 2018-03-24 (sat) Webã‚»ãƒƒã‚·ãƒ§ãƒ³ ï¼“æ™‚é™ç›®ã®ç™ºè¡¨å†…å®¹ https://manabiya.tech
pogin 2018/03/27
Vue

Vue.js

slide

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
SEOã€OGPâ€¦â€¦Vue.jsè£½SPAã®ã€Œå›°ã£ãŸã€ã‚’è§£æ±ºã§ãã‚‹ã€ŒNuxt.jsã€ãŒä¾¿åˆ©ã ï¼
Vue.jsã§SPAã‚’ä½œã£ãŸã‚‚ã®ã®ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã‚„SNSã®OGPå–å¾—ã¨ã„ã£ãŸå•é¡Œã§å›°ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ç°¡å˜ã«æ§‹ç¯‰ã§ãã‚‹Nuxt.jsã®æ´»ç”¨æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚ ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ï¼ˆIsomorphicï¼‰JavaScriptã¯JavaScriptã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§ä¸€èˆ¬çš„ãªç”¨èªžã«ãªã‚Šã¾ã—ãŸã€‚ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«JavaScriptã¨ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨ã‚µãƒ¼ãƒãƒ¼ã®ä¸¡æ–¹ã§å®Ÿè¡Œã§ãã‚‹JavaScriptã‚³ãƒ¼ãƒ‰ã®ã“ã¨ã§ã™ã€‚ Vue.jsã‚’å«ã‚€ãƒ¢ãƒ€ãƒ³JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å¤šãã¯ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆSingle Page Application : SPAï¼‰ã®æ§‹ç¯‰ã‚’ç›®çš„ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒšãƒ¼ã‚¸ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§æ›´æ–°ã•ã‚Œã‚‹ã®ã§ã€ã‚¢ãƒ—ãƒªã®å‹•ããŒè»½å¿«ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ãŒå‘ä¸Šã—ã¾ã™ã€‚ã•ã¾ã–ã¾ãªåˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ãŒã€æ¬ ç‚¹ã‚‚ã‚ã‚Šã¾
pogin 2018/03/13
ã‚ã¨ã§èªã‚€

Nuxt.js

Vue.js

ssr

spa
ãƒªãƒ³ã‚¯
Vue.js + Nuxt.js ã‚’ä½¿ã£ã¦B2Cã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ãŸè©±
Fashionably flexible responsive web design (full day workshop)
pogin 2018/03/13
Vue.js

Nuxt.js

ã‚µãƒ¼ãƒ“ã‚¹

js

JavaScript
ãƒªãƒ³ã‚¯
ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« 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"><
pogin 2018/02/07
Vue.js

js

Web

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

frontend
ãƒªãƒ³ã‚¯
Vue.jsã§ã¯ã˜ã‚ã‚‹MVVMå…¥é–€ | DeNA DESIGN BLOG
Vue.js ã¯ MVVM ã¨å‘¼ã°ã‚Œã‚‹è¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ Javascript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ MVVM ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ Modelã€Viewã€ ViewModel ã® 3 ã¤ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã—ã¾ã™ã€‚ Vue.js ã¯åŒæ–¹å‘ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹ãŸã‚ã€jQuery ã‚’ä½¿ã†ã¨ã¨ã¦ã‚‚è¤‡é›‘ã«ãªã£ã¦ã—ã¾ã†å‡¦ç†ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ã‚ã‹ã‚Šã‚„ã™ãæ›¸ãã“ã¨ãŒã§ãã¾ã™ã€‚ AngularJS ã¯ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€ä½•ã§ã‚‚ã§ãã¾ã™ãŒã€ç‹¬ç‰¹ãªæ–‡æ³•ã‚„åˆ¶ç´„ã«ã‚ˆã£ã¦å¦ç¿’ã‚³ã‚¹ãƒˆãŒé«˜ã„ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸€æ–¹ã§ Vue.js ã¯ã€è»½é‡ã§ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ãªã„ãŸã‚ã€å¿…è¦ãªã¨ã“ã‚ã ã‘ Vue.js ã§ã•ãã£ã¨ä½œã£ã¦ã€å¾Œã¯ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã¨ã„ã†æ–¹æ³•ã‚‚å¯èƒ½ã§ã™ã€‚
pogin 2018/02/01
Vue.js

mvvm
ãƒªãƒ³ã‚¯
SCOUTERé–‹ç™ºè€…ãƒ–ãƒã‚°
2024-09-10 ãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã®ä½“é¨“è«‡ã¨è©•åˆ¤ ã€Œãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã€ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™æã‚’ã”å˜çŸ¥ã§ã™ã‹ï¼Ÿ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®åºƒå‘Šãªã©ã§ä¸€åº¦ã¯ç›®ã«ã—ãŸã“ã¨ãŒã‚ã‚‹äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼ãŒæä¾›ã™ã‚‹åä¾›å‘ã‘ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™æã§ã™ã€‚ ä»Šå›žã¯ã€ã“ã®ã€Œãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã€ã®ä½“é¨“ç‰ˆã‚’å®Ÿéš›ã«ä½“é¨“ã—ã¦ã¿ã¦ã®æ„Ÿæƒ³ã‚„ã€ã€Œãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã€ãŒã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ã€ãã®è©•åˆ¤ãªã©ã‚’è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ†ã‚¯ãƒŽãƒã‚¸ã‚¢é”æ³•å¦æ ¡ã¨ã¯ æ–™é‡‘ ã‚¨ãƒ³ãƒˆ [â€¦] 2024-09-10 ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€Œã‚¯ã‚¤ãƒƒã‚«ã€ã®è©•åˆ¤ã¨ä½¿ã„å‹æ‰‹ ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã¨ã—ã¦æœ‰åãªã‚µãƒ¼ãƒãƒ¼ã®ä¸€ã¤ã«ã€ã€Œã‚¯ã‚¤ãƒƒã‚«ã€ãŒã‚ã‚Šã¾ã™ã€‚ åå‰ã¯èžã„ãŸã“ã¨ã®ã‚ã‚‹äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ã“ã®ã€Œã‚¯ã‚¤ãƒƒã‚«ã€ã«ã¤ã„ã¦ã€æ–™é‡‘ã‚„ã‚¹ãƒšãƒƒã‚¯ã€è©•åˆ¤ãªã©ã‚’è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€Œã‚¯ã‚¤ãƒƒã‚«ã€ã®åŸºæœ¬æƒ…å ± ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼
pogin 2018/01/24
Vue.js

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
1