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

feb223 id:feb223

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

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

CSS Architecture on Vue.js
Scala ã‚¢ãƒ•ã‚šãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ’ã‚™ãƒ«ãƒˆã‚™ã‚’æ”¹å–„ã—ã¦ãƒ†ã‚™ãƒ•ã‚šãƒã‚¤æ™‚é–“ã‚’ 1/4 ã«ã—ãŸè©± | How I improved the build of my Scala application and reduced deployment time by 4x
feb223 2019/12/05
css

vue.js

vuejs
ãƒªãƒ³ã‚¯
ä¿ºãŒã‚„ã‚‰ã‹ã—ãŸVue mixinã®ã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ã‹ã‚‰å¦ã¶mixinã®ä½¿ã„æ–¹ã¨ä»£æ›¿æ¡ˆ
VueComponenté–“ã§å†åˆ©ç”¨å¯èƒ½ãªéƒ¨å“ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½ãŒmixinã§ã™ã€‚mixinã‚’ä½¿ã£ãŸå…±é€šåŒ–ã®ä¾‹ã¯ã‚ˆãè¦‹ã‹ã‘ã¾ã™ã—ã€ç§ã‚‚ã—ã°ã—ã°ã‚„ã£ã¦ãã¾ã—ãŸã€‚ãŸã ã€ã©ã†ã‚‚è‡ªåˆ†ã®å®Ÿè£…æ–¹æ³•ã ã¨å¾Œã€…ä¸ä¾¿ã«ãªã£ãŸã‚Šè¦‹é€šã—ãŒæ‚ªã‹ã£ãŸã‚Šã¨ã€ä½¿ã„å‹æ‰‹ã®æ‚ªã„ã‚‚ã®ã«ãªã£ã¦ã—ã¾ã†ã“ã¨ãŒå¤šã‹ã£ãŸã§ã™ã€‚ ãã“ã§ä»Šå›žã¯è‡ªåˆ†ã®éŽåŽ»ã®å®Ÿè£…ä¾‹ã‚’è¦‹è¿”ã—ãªãŒã‚‰ã€ãªãœå¤±æ•—ã—ãŸã®ã‹ã€mixinã‚’ã©ã†ã‚’ä½¿ã†ã¹ãã‹ã«ã¤ã„ã¦ã€ç¾æ™‚ç‚¹ã®è€ƒãˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹å¤±æ•—ä¾‹ã¯ã€ç§ãŒæºã‚ã£ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã«ãŠã„ã¦ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã®æ–¹ãŒå¤§ãã‹ã£ãŸå®Ÿè£…ä¾‹ã§ã™ã€‚ ä¾¿å®œä¸Šã€Œã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ã€ã€Œå¤±æ•—ä¾‹ã€ã¨ã„ã£ãŸè¡¨ç¾ã‚’ã—ã¦ã„ã¾ã™ãŒã€ã‚ãã¾ã§å€‹äººçš„ã«ã‚„ã‚ŠãŸããªã„ãƒ‘ã‚¿ãƒ¼ãƒ³ç¨‹åº¦ã®æ„å‘³åˆã„ã§ã™ã€‚ å¤±æ•—ä¾‹1. Template Methodãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æ„è˜ã—ãŸmixin æš—é»™çš„æŒ™å‹•ã®å±ã†ã• Overrideã§ã¯ãªãMergeã—ã¦ã„ã‚‹ã ã‘ Classã®ç¶™æ‰¿ã¨mi
feb223 2019/08/30
vue.js

nuxt.js
ãƒªãƒ³ã‚¯
Vue ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå®Ÿè£…ãƒ‘ã‚¿ãƒ¼ãƒ³
v-meetup vol.7 ã§ã®LTè³‡æ–™ã§ã™ã€‚
feb223 2018/05/24
vue.js
ãƒªãƒ³ã‚¯
Vue.jsã‹ã‚‰æ‰‹è»½ã«å§‹ã‚ã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ - Qiita
Vue.jsã¯ãã®ã¾ã¾ä½¿ã£ã¦ã‚‚ã‚ˆã„ã§ã™ãŒã€Œè‡ªåˆ†(ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ)ã«åˆã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã‚’è¦‹ã¤ã‘ã‚‹ã®ã«ã‚‚å‘ã„ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯ã€å¾Œç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‘ã‚ã‚Šå„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç‰¹å¾´ã‚’æ„è˜ã—ãŸè¨è¨ˆãŒãªã•ã‚Œã¦ã„ã‚‹ãŸã‚ã§ã™ã€‚ä»–ã®è‘—åãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã®ç‰¹å¾´ã‚’æ¯”è¼ƒã—ãŸæ–‡æ›¸ã‚‚ã‚ã‚‹ã®ã§ã€ã“ã¡ã‚‰ã‚’ãƒã‚§ãƒƒã‚¯ã—ãªãŒã‚‰å°Žå…¥ã‚’æ¤œè¨Žã™ã‚‹ã¨ã‚ˆã„ã¨æ€ã„ã¾ã™ã€‚ ãã®ãŸã‚ã€ä»¥ä¸‹ã¯Vue.jsã®ç´¹ä»‹ã¨ä»–ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯(Knockout.js ã¨ Angular)ã¸ã®ã‚¹ãƒ†ãƒƒãƒ—ã¨ã„ã†2ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«åˆ†ã‘ã¦ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å°Žå…¥ã‚’è¡Œã„ãŸã„ãŒã“ã®é¸æŠžã¯æ…Žé‡ã«ã„ããŸã„ã€ã¨ã„ã†çŠ¶æ³ã§ã‚ã‚Œã°æœ€åˆã«Vue.jsã‚’è©¦é‡‘çŸ³ã¨ã—ã¦ã¿ã¦ã€åŠ¹æžœçš„ã¨æ„Ÿã˜ã‚‰ã‚Œã‚‹æ©Ÿèƒ½ã‹ã‚‰Angularã‚„Knockout.jsã«æµã‚Œã¦ã„ãã¨ã„ã†ã®ã¯ååˆ†ã‚ã‚Šã ã¨æ€ã„ã¾ã™ã€‚ 2016/06: Vue.jsã®1.xç³»ã«åˆã‚ã›ã¦è¨˜è¿°ãƒ»ã‚µãƒ³ãƒ—
feb223 2015/07/15
vue.js

knockout.js

angularjs
ãƒªãƒ³ã‚¯
ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€‘æ–°è¦ Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºæ¡ˆä»¶ã‚’ãµã‚Šã‹ãˆã£ã¦ã¿ãŸ | PSYENCE:MEDIA
4 ãƒ¶æœˆã‚ã¾ã‚Šç¶šã„ãŸæ–°è¦é–‹ç™ºæ¡ˆä»¶ãŒã‚ˆã†ã‚„ãè½ã¡ç€ãã‚’è¦‹ã›ãŸã®ã§ã€ã“ã“ã‚‰ã§æŒ¯ã‚Šè¿”ã‚Šã‚’ã—ã¦ã¿ãŸã„ã¨ã—ã¾ã™1)ãƒªãƒªãƒ¼ã‚¹ã¾ã§ã«å·»ãå–ã‚Œãªã‹ã£ãŸä¸å…·åˆã‚„æœªå®Ÿè£…ç®‡æ‰€ãŒå¹¾ã¤ã‹æ®‹ã£ã¦ã„ã‚‹ã®ã§ã€ã¾ã æ°—æŒã¡çš„ã«ã¯çµ‚ã‚ã‚Œã¦ã„ãªã„ã®ã§ã™ãŒâ€¦ã€‚ ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠãŠã¾ã‹ãªã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ ã‚³ãƒ³ã‚·ãƒ¥ãƒ¼ãƒž ( ä¸€èˆ¬ãƒ¦ãƒ¼ã‚¶ãƒ¼ ) å‘ã‘ã‚µãƒ¼ãƒ“ã‚¹ ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ã Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã«ã‚ˆã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ IE9 ä»¥é™ã‚„ Android4.x ä»¥é™ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ Ruby on Rails å¤šè¨€èªžå¯¾å¿œã‚ã‚Š SEO å¯¾ç–ã¯ãã‚Œãªã‚Šã«å¿…è¦ ã‚ã‚Šã¨ãƒ•ãƒ¯ãƒƒã¨ã—ã‹è¦ä»¶ãŒæ±ºã¾ã£ã¦ã„ãªã„ã¾ã¾ã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸã®ã§ã€TRY & ERROR ã‚’ç¹°ã‚Šè¿”ã—ãªãŒã‚‰ã®é–‹ç™º ã™ã”ãå¤§é›‘æŠŠã§ã™ãŒã€ã ã„ãŸã„ã“ã‚“ãªæ„Ÿã˜ã® Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ã“ã‚Œã‚’è¸ã¾ãˆã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ã©ã®ã‚ˆã†ã«é–‹ç™ºã—ã¦ã„ãã‹ã‚’è¨è¨ˆã—ã¦ã„ãã¾ã—
feb223 2015/03/16
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

Bootstrap

web

JavaScript

é–‹ç™º

Vue.js

jQuery
ãƒªãƒ³ã‚¯
mizchi / ã™ã¹ã¦ã®MVCã‚’éŽåŽ»ã«ã™ã‚‹ - Glide
Please note that Glide no longer supports Internet Explorer versions 7 or 8.
feb223 2014/03/20
vue.js

javascript

MVC

mvvm
ãƒªãƒ³ã‚¯
1