[B! vue] tekgraphixxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tekgraphixx id:tekgraphixx

vueã«é–¢ã™ã‚‹tekgraphixxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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 ã‹ã‚‰ã¿ãŸ AtomicDesign
ã“ã®è¨˜äº‹ã¯Vue.js #3 Advent Calendar 2017ã®13æ—¥ç›®ã®è¨˜äº‹ã§ã™ Atomic Designè‡ªä½“ã®è¨˜äº‹ã¯è‰²ã€…ã‚ã‚Šã¾ã™ã®ã§ã€ã“ã®è¨˜äº‹ã§ã¯AtomicDesignã§è¨è¨ˆã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’Vue.jsã§å®Ÿéš›ã«é‹ç”¨ã—ã¦ã¿ã¦æ„Ÿã˜ãŸäº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ å®Ÿéš›ã«ã©ã‚“ãªæ„Ÿã˜ã«ãªã‚‹ã‹çµè«–ã‹ã‚‰è¨€ã†ã¨ã€Atomã¨Moleculeã«Storeã‚’æŒãŸã›ãšã€‚ Organismsã¨Templateã‚ãŸã‚Šã®ç²’åº¦ã§Storeã‚’åˆ©ç”¨ã™ã‚‹ã¨IAçš„ã«ã‚‚åŽã¾ã‚ŠãŒã„ã„æ§˜ã«æ€ãˆã¾ã™ã€‚æ˜¯éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãƒ„ãƒƒã‚³ãƒŸå…¥ã‚Œã¾ã—ã‚‡ã†ã€‚ Vueã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’AtomicDesignã§å®Ÿè£…ã™ã‚‹ã¨ã ã„ãŸã„ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚Atomã®å½¹å‰²è‰²ãƒ»ã‚¿ã‚¤ãƒãƒ»ãƒœã‚¿ãƒ³å›ºå®šæ–‡è¨€ãªã© ç›´æŽ¥æç”»è¦ç´ ã«ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æç”»è¦ç´ ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºè¡Œè¦ªè¦ç´ ã‹ã‚‰ã®ãƒ‡ãƒ¼ã‚¿å—ã‘å–ã‚Šç™»å ´ç®‡æ‰€ãŒã™ã”ãå¤šã„ã®ã§ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¬ã‚¹ã‚’å¾¹åº•ã™ã‚‹Storeã¿ã¡ã‚ƒãƒ€ãƒ¡çµ¶å¯¾ï¼
tekgraphixx 2018/11/05
vue

design
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«è¿·ã£ãŸã‚‰ã€ŒVue.jså…¥é–€ã€ã‚’èªã‚‚ã† - JavaScripté–¢é€£ã®æ›¸ç±ã¨ã‹ã¾ã¨ã‚ã¦ã¿ãŸ - Lean Baseball
å…ˆæ—¥ã®PyCon JP 2018ã®é‡Žçƒã®è©±ã«ã¦Vue.jsï¼ˆNuxt.jsï¼‰ã®è©±ã‚’ã—ãŸçµæžœã€æŠ€è¡“è©•è«–ç¤¾æ§˜ã®ã”åŽšæ„ã«ã‚ˆã‚Šã€ä¸€å†Šé ‚æˆ´ã„ãŸã—ã¾ã—ãŸ. Vue.jså…¥é–€ åŸºç¤Žã‹ã‚‰å®Ÿè·µã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã¾ã§ ä½œè€…: å·å£å’Œä¹Ÿ,å–œå¤šå•“ä»‹,é‡Žç”°é™½å¹³,æ‰‹å³¶æ‹“ä¹Ÿ,ç‰‡å±±çœŸä¹Ÿå‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: æŠ€è¡“è©•è«–ç¤¾ç™ºå£²æ—¥: 2018/09/22ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬ï¼ˆã‚½ãƒ•ãƒˆã‚«ãƒãƒ¼ï¼‰ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚°ã‚’è¦‹ã‚‹ æ£ã«æ¬²ã—ã‹ã£ãŸé¡žã®æœ¬ã§å¤§å¤‰åŠ©ã‹ã‚Šã¾ã—ãŸã€ãƒ›ãƒ³ãƒˆã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ çµè«–ã‹ã‚‰è¨€ã†ã¨ã€ Vue.jsï¼ˆã¾ãŸã¯Nuxt.jsï¼‰ã§é–‹ç™ºã™ã‚‹ãªã‚‰ä¸€å†ŠæŒã£ã¦ãŠã‘ï¼ï¼ˆãŸã ã—ä»–ã®FWã«ã‚‚ã„ã„æœ¬ãŒã‚ã‚‹ï¼‰ ã£ã¦ã„ã†ãã‚‰ã„ç´ æ™´ã‚‰ã—ã„æ›¸ç±ã§ã—ãŸã€è‡ªä¿¡ã‚’æŒã£ã¦ã‚ªã‚¹ã‚¹ãƒ¡ãŒã§ãã‚‹ãƒ¬ãƒ™ãƒ«ã§ã™. ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ ã€Œ Vue.jså…¥é–€ åŸºç¤Žã‹ã‚‰å®Ÿè·µã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã¾ã§ã€ã®ç°¡å˜ãªæ„Ÿæƒ³ ç§ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã™ã‚‹ã¾ã§ã«ã‚„ã£ã¦ããŸJavaScri
tekgraphixx 2018/09/25
vue

js

å…¥é–€

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

vuejs

ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰

åŸºç¤Ž
ãƒªãƒ³ã‚¯
Vue.jsã§Tableã‚’ã‚½ãƒ¼ãƒˆã—ãŸã‚Šæ¤œç´¢ã—ãŸã‚Šã—ã¦ã¿ã‚‹
Vue.jsã§Tableã‚’ã‚½ãƒ¼ãƒˆã—ãŸã‚Šæ¤œç´¢ã—ãŸã‚Šã—ã¦ã¿ã‚‹ Vue.js 2.0 ã‚’ä½¿ç”¨ã—ã¦Tableã§ä¸¦ã¹ãŸãƒªã‚¹ãƒˆã®æ¤œç´¢ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã¨ã‹ã‚½ãƒ¼ãƒˆãªã©ã‚’ã‚„ã£ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2017å¹´01æœˆ16æ—¥ æ›´æ–°æ—¥2017å¹´01æœˆ16æ—¥ ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ†ãƒ¼ãƒ–ãƒ«ã«è¡¨ç¤ºã™ã‚‹ æœ€åˆã«è¡¨ç¤ºã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’ä½œæˆã—ã¦ã€tableã«ã‚·ãƒ³ãƒ—ãƒ«ã«è¡¨ç¤ºã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ å¤§ã¾ã‹ã«ãƒ‡ãƒ¼ã‚¿ã‚’å…¥ã‚Œã‚‹(data)ã€ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯æ™‚ãªã©ã«å®Ÿè¡Œã•ã‚Œã‚‹ï¼ˆmethodsï¼‰ã€ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼å‡¦ç†ã‚’è¨˜è¿°ã™ã‚‹ï¼ˆcomputedï¼‰ã‚’ä½œæˆã—ã¦ã„ãã¾ã™ã€‚ JavaScript var app = new Vue({ el: '#app', data: { }, methods: { }, computed: { } }); ã§ã¯dataã«è¡¨ç¤ºã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’è¨˜è¿°ã—ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ä»Šå›žã¯ã‚¿ã‚¹ã‚¯ãƒªã‚¹ãƒˆã‚’æƒ³å®šã—ã¦ä½œæˆã—ã¦ãã¾ã™ã€‚ JavaScript data: functio
tekgraphixx 2018/07/13
vue

Vue.js

ã‚½ãƒ¼ãƒˆ

table
ãƒªãƒ³ã‚¯
ã‚°ãƒªãƒƒãƒ‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ â€” Vue.js
ã‚°ãƒªãƒƒãƒ‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ ã®ä¾‹ æœ€çµ‚æ›´æ–°æ—¥: 2017å¹´6æœˆ26æ—¥ ã“ã‚Œã¯å†åˆ©ç”¨å¯èƒ½ãªã‚°ãƒªãƒƒãƒ‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½œæˆã—ã¦å¤–éƒ¨ãƒ‡ãƒ¼ã‚¿ã§ãã‚Œã‚’åˆ©ç”¨ã—ãŸä¾‹ã§ã™ã€‚
tekgraphixx 2018/07/13
ã‚½ãƒ¼ãƒˆ

vue
ãƒªãƒ³ã‚¯
1