[B! frontend] gologo13ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gologo13 id:gologo13

frontendã«é–¢ã™ã‚‹gologo13ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

Composable ãª UI è¨è¨ˆã‚’ç›®æŒ‡ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º | MEDLEY Developer Portal
2018-02-27Composable ãª UI è¨è¨ˆã‚’ç›®æŒ‡ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã“ã‚“ã«ã¡ã¯ã€é–‹ç™ºæœ¬éƒ¨ã®èˆ˜é‡Žã§ã™ã€‚åŒ»ç™‚ä»‹è·ã®æ±‚äººã‚µã‚¤ãƒˆã€Œã‚¸ãƒ§ãƒ–ãƒ¡ãƒ‰ãƒ¬ãƒ¼ã€ã®é–‹ç™ºã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ æ˜¨å¹´ã€ã‚¸ãƒ§ãƒ–ãƒ¡ãƒ‰ãƒ¬ãƒ¼ã§ã¯äº‹æ¥æ‰€ãŒåˆ©ç”¨ã™ã‚‹æŽ¡ç”¨ç®¡ç†ç”»é¢ã® UI ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’è¡Œã„ã¾ã—ãŸã€‚ãƒ¦ãƒ¼ã‚¶ãŒä½¿ã„ã‚„ã™ã„ UI ã¥ãã‚Šã‚’ç›®æŒ‡ã™ãŸã‚ã«ã€é•·æœŸé–“ã«ã‚ãŸã‚Šèª°ãŒé–‹ç™ºã—ã¦ã‚‚ä¸€è²«æ€§ã‚ã‚‹ UI ã‚’å®Ÿç¾ã§ãã‚‹ã‚ˆã†ãªã‚·ã‚¹ãƒ†ãƒ ãŒå¿…è¦ã§ã™ã€‚ãã“ã§ä»Šå›žã¯ã€ŒComposableã€ãª UI ã‚·ã‚¹ãƒ†ãƒ ã®å®Ÿç¾ã‚’ãƒ†ãƒ¼ãƒžã«ã€ã©ã®ã‚ˆã†ã«é–‹ç™ºã‚’è¡Œã£ãŸã®ã‹ã«ã¤ã„ã¦ã€å…±æœ‰ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ èƒŒæ™¯ï¼šç”»é¢ã‚„æ©Ÿèƒ½è¿½åŠ ã®ãŸã³ã« UI ã®ä¸€è²«æ€§ãŒãªããªã£ã¦ã„ãŸã‚¸ãƒ§ãƒ–ãƒ¡ãƒ‰ãƒ¬ãƒ¼ã®æŽ¡ç”¨ç®¡ç†ç”»é¢ã¨ã¯ã€åŒ»ç™‚æ©Ÿé–¢ã‚„ä»‹è·æ–½è¨ã®æŽ¡ç”¨æ‹…å½“è€…ãŒæ±‚äººæƒ…å ±ã®ç®¡ç†ã‚„å¿œå‹Ÿè€…ã®é¸è€ƒçŠ¶æ³ã®ç®¡ç†ãªã©ã‚’è¡Œã†ç”»é¢ã§ã™ã€‚ ã“ã®æŽ¡ç”¨ç®¡ç†ç”»é¢ã§ã™ãŒã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ä»¥å‰ã¯Angularã‚’ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦æŽ¡
gologo13 2018/05/01
developer

è¨è¨ˆ

frontend
ãƒªãƒ³ã‚¯
Reduxã¯ä¸è¦ã§ã¯ãªã„ã‹ï¼Ÿ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? åƒ•ã®æœ¬è·ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãªã®ã§ã™ãŒã€åŠå¹´ãã‚‰ã„Reactã¨Reduxã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆéƒ¨åˆ†ã‚’è§¦ã£ãŸã®ã§ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å…ˆã«React.jsã«ã¤ã„ã¦ã§ã™ãŒã€æœ¬å®¶ãŒãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã—ã£ã‹ã‚Šã¨ç”¨æ„ã—ã¦ãŠã‚Šã€å¦ç¿’ã‚³ã‚¹ãƒˆã‚‚é«˜ããªãã€æ‚ªããªã„ã‚‚ã®ã ãªã¨æ€ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€ReduxãŒå…¥ã£ãŸé€”ç«¯ã€ã‚ã£ã¡ã‚ƒè¤‡é›‘ã«ãªã£ãŸå°è±¡ãŒã‚ã‚Šã¾ã™ã€‚chromeã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¥ã‚Œã¦é–‹ç™ºã™ã‚‹ã®ãŒæ™®é€šã¨ã‹è¨€ã‚ã‚ŒãŸã®ã§ã™ãŒã€ãã‚“ãªã‚‚ã®ã‚’ä½¿ã‚ãªã„ã¨ä½œæ¥ã§ããªã„ãã‚‰ã„ã«è¤‡é›‘ã§è¾›ã„ãªãã¨ã„ã†å°è±¡ã§ã™ï¼ˆJavascriptã¯ã€console.logãŒã‚ã‚Œã°ã€ã»ã¼é–‹ç™ºã§ãã‚‹æ°—
gologo13 2018/02/24
js

frontend

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"><
gologo13 2018/02/07
javascript

framework

frontend

vue.js
ãƒªãƒ³ã‚¯
JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯é¸å®šã®è°è«– - Qiita
ç›¸è«‡å†…å®¹ æ—¢å˜ã®ç®¡ç†ãƒ„ãƒ¼ãƒ«ã‚’æ–°ã—ãä½œã‚Šç›´ã™ãŸã‚ã«æ–°ã—ã„JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯/è¨€èªžä½¿ã„ãŸã„ã®ã§ã™ãŒã€ä½•ã‚’é¸ã‚“ã ã‚‰ã‚ˆã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã“ã“ã§é¸ã‚“ã ã‚‚ã®ã¯ä»Šå¾Œæ–°ã—ãä½œã‚‹æ™‚ã«ã‚‚ä½¿ç”¨ã—ã¦ã„ãäºˆå®šã®ãŸã‚ã€å¦ç¿’ã‚³ã‚¹ãƒˆã‚ˆã‚Šãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ã„ã‚‚ã®ã‚’é¸ã³ãŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ åˆ©ç”¨è€…ã¯ç¤¾å†…å¤–ã§ç‰¹å®šã®æ¨©é™ã‚’æŒã£ãŸäººã®ã¿ã§ã‚ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ã—ãªã„äºˆå®šã§ã™ã€‚ è¨€èªžã¯åž‹ãŒã‚ã‚‹ã‚‚ã®ã‚’åˆ©ç”¨ã—ãŸã„ã®ã§ã™ãŒã€TypeScriptã¨Flowã®ã©ã¡ã‚‰ãŒã‚ˆã‚ã—ã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ æ™‚é–“ã«ä½™è£•ãŒã‚ã‚Œã°ã€ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã«ã¤ã„ã¦ã‚‚ãŠèžãã—ãŸã„ã§ã™ã€‚ ç¾åœ¨ã®ãƒšãƒ¼ã‚¸/ãƒãƒ¼ãƒ jQueryãªã©ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹éƒ¨åˆ†ãŒå¤šã„ã§ã™ãŒã€å¤‰æ›´ã‚’åŠ ãˆã‚‹ã“ã¨ãŒé›£ã—ããƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãŒé«˜ã„ã§ã™ã€‚ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’ã‚„ã£ã¦ã‚‹äººãŒç‰‡æ‰‹é–“ã§æ›¸ãJavaScriptã¨ã„ã£ãŸçŠ¶æ³ã§ã™ã€‚ ä»Šå›žæ–°è¦ã§æ•°ãƒšãƒ¼ã‚¸ã‚’è¿½åŠ ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€ä½•ã‚’åˆ©ç”¨ã™ã‚Œã°è‰¯
gologo13 2017/11/12
javascript

jQuery

frontend
ãƒªãƒ³ã‚¯
ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«å†å…¥é–€ã™ã‚‹ã€ã‚¿ã‚¹ã‚¯ãƒ•ã‚©ãƒ¼ã‚¹ã®é€²ã‚æ–¹ | MEDLEY Developer Portal
2017-11-09ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«å†å…¥é–€ã™ã‚‹ã€ã‚¿ã‚¹ã‚¯ãƒ•ã‚©ãƒ¼ã‚¹ã®é€²ã‚æ–¹ã“ã‚“ã«ã¡ã¯ã€‚é–‹ç™ºæœ¬éƒ¨ã®å®æˆ¸ã§ã™ã€‚ ãƒ¡ãƒ‰ãƒ¬ãƒ¼ã§ã¯å®šæœŸçš„ã«ã€ãƒ†ãƒ¼ãƒžã«æ²¿ã£ã¦çµ„ç¹”ã®æŠ€è¡“çš„ãªåº•ä¸Šã’ã‚’è¡Œã†ãŸã‚ã®æ©Ÿä¼šï¼ˆã‚¿ã‚¹ã‚¯ãƒ•ã‚©ãƒ¼ã‚¹ã¨å‘¼ã‚“ã§ã„ã¾ã™ï¼‰ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ãã®ã‚¿ã‚¹ã‚¯ãƒ•ã‚©ãƒ¼ã‚¹ã®ï¼‘ã¤ã¨ã—ã¦å…ˆæ—¥ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºåŠ›ã®ãƒ™ãƒ¼ã‚¹ã‚¢ãƒƒãƒ—ã‚’ç›®çš„ã¨ã—ãŸã‚¿ã‚¹ã‚¯ãƒ•ã‚©ãƒ¼ã‚¹ã‚’è¡Œã„ã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€ãã®å–çµ„ã¿ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ èƒŒæ™¯ãƒ¡ãƒ‰ãƒ¬ãƒ¼ã«ã¯ç¾åœ¨ 20 äººå¼±ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒåœ¨ç±ã—ã¦ãŠã‚Šã€ãã®ç´„åŠæ•°ãŒã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰å‡ºèº«è€…ã§ã™ã€‚ã¾ãŸæ™®æ®µã®é–‹ç™ºã«ãŠã„ã¦ã¯ã€ä¸€ã¤ã®æ©Ÿèƒ½ã‚’ãƒ•ãƒãƒ³ãƒˆã‹ã‚‰ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¾ã§ä¸€è²«ã—ã¦ä¸€äººãŒæ‹…å½“ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šãã‚ã‚Šã¾ã™ã€‚ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰å‡ºèº«è€…ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®ã‚¹ã‚ãƒ«ã‚»ãƒƒãƒˆã«ã¯å¤šå°‘ã°ã‚‰ã¤ãã¯ã‚ã‚‹ã‚‚ã®ã®ã€æ™®æ®µã®é–‹ç™ºæ¥å‹™ã§ã¯ãƒ¬ãƒ“ãƒ¥ãƒ¼ç‰ã§ãã‚Œãžã‚Œã‚µãƒãƒ¼ãƒˆã—ã¤ã¤é–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®åŸºç¤Žçš„ãªéƒ¨åˆ†
gologo13 2017/11/12
çµ„ç¹”çš„ãªã‚¹ã‚ãƒ«å·¥å ´ã®å–ã‚Šçµ„ã¿ã€‚ç´ æ™´ã‚‰ã—ã„

developer

javascript

development

frontend

programming
ãƒªãƒ³ã‚¯
Reduxã®æ£ã—ã„è§£é‡ˆã®è©±
2016å¹´ã®èª²é¡Œã¯çŠ¶æ…‹é·ç§»ã®ç®¡ç†ã ã£ãŸã¨æ€ã†ã€‚ ãã®ã‚¢ãƒ³ã‚µãƒ¼ã¨ã—ã¦ã€ Fluxã®ã‚ˆã†ãªå®Ÿè£…ã«ãŠã‘ã‚‹Storeç›¸å½“ã«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®çŠ¶æ…‹ã‚’ã»ã¼ã™ã¹ã¦ç®¡ç†ã•ã›ã‚‹Reactã®ã‚ˆã†ãªVirtual DOMã‚’æè¼‰ã—ãŸãƒ“ãƒ¥ãƒ¼ã®å®Ÿè£…ã‚’é€éŽçš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã—ã¦æ‰±ã†ã“ã®2ã¤ã®çµ„ã¿åˆã‚ã›ã«ã‚ˆã‚Šã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®çŠ¶æ…‹ã¨æç”»ã•ã‚Œã‚‹ç”»é¢ãŒ (ã»ã¼) å‚ç…§é€éŽçš„ã«ãªã‚‹ã€‚ã¨ã„ã†ã®ãŒFluxã¨Reactä»¥é™ã®ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã ã¨æ€ã† (ç†è«–ã¨ã—ã¦) ã€‚ ã“ã®ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ãªã‚‰ã€ã‚¨ãƒ©ãƒ¼ã®ç™ºç”Ÿæ™‚ã«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®çŠ¶æ…‹ã‚’è¡¨ç¾ã™ã‚‹JSONã‚’ã‚¨ãƒ©ãƒ¼åŽé›†ã‚µãƒ¼ãƒ“ã‚¹ã«é€ã‚‹ã‚ˆã†ã«ã—ã¦ã€ç°¡å˜ã«ãƒã‚°ã‚’å†ç¾ã—ãŸã‚Šã§ãã‚‹ã—ã€çŠ¶æ…‹ã®é·ç§»ã‚’ãƒ†ã‚¹ãƒˆã—ã¦ã„ãã“ã¨ã§ã€ã‚¯ãƒ©ãƒƒã‚·ãƒ¥ã™ã‚‹ã‚ˆã†ãªãƒã‚°ã®ã†ã¡å¤§åŠã‚’æ¤œå‡ºã§ãã‚‹ã€‚ Fluxã®å•é¡Œãã“ã§å•é¡ŒãŒå‡ºã‚‹ã®ãŒã€Action(Creator) ã¨Reducer (Store#reduce())ã®2è¦ç´ é–“ã®ãƒ«
gologo13 2017/01/26
flux

javascript

architecture

redux

frontend

react
ãƒªãƒ³ã‚¯
fse.guru
The domain has expired and may be available at auction. If this is your domain, you can still renew it. Register or transfer domains to Dynadot.com to save more and build your website for free! fse.guru 2022 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
gologo13 2015/01/24
Webãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯é¸å®šã®ãŸã‚ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ

javascript

frontend

framework
ãƒªãƒ³ã‚¯
A Good Front-End Architecture â€” SitePoint
Key Takeaways A good front-end architecture is crucial for successful web development, ensuring the final product is responsive, maintainable, and performant. It also aids in structuring your code in a way thatâ€™s efficient and scala ble. Utilizing modern tools such as a CSS preprocessor (like Sass with Compass), Gruntjs for task automation, and Yeoman for scaffolding can greatly enhance the develop
gologo13 2015/01/10
architecture

JavaScript

frontend

css
ãƒªãƒ³ã‚¯
1