[B! component] moqadaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

moqada id:moqada

componentã«é–¢ã™ã‚‹moqadaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (28)

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

1å¹´é–“å˜ä½“ãƒ†ã‚¹ãƒˆã‚’æ›¸ãç¶šã‘ãŸç¾å ´ã‹ã‚‰é€ã‚‹ Vue Component ã®ãƒ†ã‚¹ãƒˆ / Vue Component Test - Speaker Deck
Vue Fes Japan 2018 ã® 1å¹´é–“å˜ä½“ãƒ†ã‚¹ãƒˆã‚’æ›¸ãç¶šã‘ãŸç¾å ´ã‹ã‚‰é€ã‚‹ Vue Component ã®ãƒ†ã‚¹ãƒˆ https://vuefes.jp/
moqada 2019/01/08
presentation

test

component

vue.js
ãƒªãƒ³ã‚¯
amakan ã® React ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆ - âœ˜â•¹â—¡â•¹âœ˜
èª¬æ˜Žç”¨ã®å›³ ä¾‹ã¨ã—ã¦ã€amakan anime ã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ https://anime.amakan.net/ ã®æ§‹é€ ã‚’æŒ™ã’ãªãŒã‚‰èª¬æ˜Žã™ã‚‹ã€‚(ã¨ã“ã‚ã§ amakan anime ã¯ä»Šæœˆä¸ã«å®Œæˆäºˆå®šã®ã‚µãƒ¼ãƒ“ã‚¹ã§å®Ÿé¨“çš„ã«å…¬é–‹ã—ã¦ã„ã‚‹çŠ¶æ…‹ãªã®ã§ã€ã¾ã ã¾ã è‡³ã‚‰ãªã„ã¨ã“ã‚ãŒå¤šã€…ã‚ã‚Šã¾ã™â€¦) ç™»å ´ã™ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆä¸€è¦§ React.Component ã‚¯ãƒ©ã‚¹ã‚’ç¶™æ‰¿ã—ãŸã‚¯ãƒ©ã‚¹ã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨å‘¼ã¶ã€‚ä¸»ã«ç™»å ´ã™ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ Header Layout Router VideoPrograms Router ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ æœ€ä¸Šä½ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦ã€Router ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå˜åœ¨ã™ã‚‹ã€‚ã“ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’åˆ©ç”¨ã—ã¦ã€ãƒšãƒ¼ã‚¸ã”ã¨ã«ã©ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’è¡¨ç¤ºã™ã¹ãã‹ã‚’åˆ†å²ã•ã›ã‚‹ã€‚amakan anime ã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã§ã¯ VideoPrograms ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æç”»ã—ã€amaka
moqada 2018/04/16
react

component
ãƒªãƒ³ã‚¯
ä¾å˜é–¢ä¿‚é€†è»¢ã®åŽŸå‰‡ã‚’Angularã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«é©ç”¨ã™ã‚‹ - Qiita
Angularã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã‚¢ãƒ—ãƒªã‚’åˆ†é›¢ã—ã¦é–‹ç™ºã—ã¦ã„ã¦ã€ãã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é–‹ç™ºã§ä¾å˜é–¢ä¿‚é€†è»¢ã®åŽŸå‰‡(Dependency Inversion Principle)ã‚’ä½¿ã†ã¨ã„ã„å…·åˆã«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å®šç¾©ã§ãã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ°—ã¥ãã¾ã—ãŸã€‚ã„ã„ã‹ã‚‚ã—ã‚Œãªã„ã—æ‚ªã„ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã„ã‚ã„ã‚ã”æ„è¦‹ã„ãŸã ã‘ãŸã‚‰ã†ã‚Œã—ã„ã§ã™ å‰æ ã©ã‚“ãªAngularé–‹ç™ºã®ç¾å ´ã§ã‚‚ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã‚ã‘ã§ã¯ãªãã€ä»¥ä¸‹ã®å‰æã‚’æƒ³å®šã—ã¾ã™ã€‚ è¦æ¨¡ãŒå‰²ã‚Šã¨å¤§ãã„ å…¨ä½“ã‚’æ•´ãˆã‚‹ãŸã‚ã«è¨˜è¿°ãŒã‚ã‚‹ç¨‹åº¦å†—é•·ã«ãªã£ã¦ã‚‚è¨±ã•ã‚Œã‚‹ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åˆ†é›¢ã—ã¦ã„ã‚‹ ãƒ•ã‚©ãƒ«ãƒ€å˜ä½ã¨ã‹ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’åˆ¥ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã—ã¦ã„ã‚‹ãªã© ãƒ“ã‚¸ãƒã‚¹ãƒã‚¸ãƒƒã‚¯ã¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒæ··ã–ã‚‹ã®ã‚’é˜²ããŸã‚ã¨ã‹ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’è¤‡æ•°ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã§å…±æœ‰ã™ã‚‹ã¨ã‹ å˜ç´”ãªå®Ÿè£… Todoã‚’æ‰±ã†ã‚ˆã†ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’Angularã§ä½œã‚‹ã¨ãã«ã€ä¸€ç•ªå˜ç´”ã«ä½œã‚‹ã¨ã“
moqada 2018/04/15
angularjs

component
ãƒªãƒ³ã‚¯
GitHub - LeoEatle/react-composition-input: The input component optimized for languages like Chinese, Japanese etc.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
moqada 2018/04/13
react

japanese

component
ãƒªãƒ³ã‚¯
ReactComponent ã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°æŒ‡é‡ - freee Developers Hub
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã® id:t930 ã§ã™ã€‚ freee Developers Advent Calendar 2017 19æ—¥ç›®ã„ãã¾ã™ã€‚ React ã¯ãã®åå‰ã‚’èžãã‚ˆã†ã«ãªã£ã¦ã‹ã‚‰3å¹´ä»¥ä¸ŠãŒçµŒéŽã—ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®æ–‡è„ˆã«ãŠã„ã¦ã¯ã‚‚ã¯ã‚„æž¯ã‚ŒãŸæŠ€è¡“ã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ä¼šè¨ˆfreeeã§ã‚‚2015å¹´ã”ã‚ã« Backbone.js ã‹ã‚‰ React ã¸ã®ãƒªãƒ—ãƒ¬ãƒ¼ã‚¹ã‚’è¡Œã„ã€ç¾åœ¨ã§ã¯ Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã ã‘ã§ã‚‚900è¿‘ã„ãƒ•ã‚¡ã‚¤ãƒ«ãŒå˜åœ¨ã—ã¦ã„ã¾ã™ã€‚å½“ç„¶ã“ã®ã‚ˆã†ãªè¦æ¨¡ã§ã‚„ã£ã¦ã„ã‚‹ã¨ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚‚å¿…è¦ã«ãªã£ã¦ãã‚‹ã‚ã‘ã§ã€æœ¬è¨˜äº‹ã§ã¯ãã‚“ãªä¸ã§å¾—ã‚‰ã‚ŒãŸReactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ãŠã‘ã‚‹ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã®æŒ‡é‡ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚1 é©åˆ‡ãªå˜ä½ã«åˆ†å‰²ã™ã‚‹ React ã«é™ã£ãŸè©±ã§ã¯ãªã„ã§ã™ãŒã€å·¨å¤§ã§è¦‹é€šã—ã®æ‚ªã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ãƒ¡ãƒ³ãƒ†ãƒŠãƒ“ãƒªãƒ†ã‚£ã‚„å†åˆ©ç”¨æ€§ã®ä½Žä¸‹ã‚’æ‹›ãã¾ã™ã€‚è¡¨ç¤ºé ˜åŸŸã€è²¬å‹™ã€æ„å‘³ä»˜ã‘ã«
moqada 2018/01/16
react

refactoring

component
ãƒªãƒ³ã‚¯
ãƒãƒ¼ãƒ ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ : é–‹ç™ºè€…é–“ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ä¸€è²«æ€§ã‚’ä¿ã¤ãŸã‚ã®ã€ã‚·ãƒ³ãƒ—ãƒ«ãªç·´ç¿’å•é¡Œ | POSTD
ãƒãƒ¼ãƒ ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ : é–‹ç™ºè€…é–“ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ä¸€è²«æ€§ã‚’ä¿ã¤ãŸã‚ã®ã€ã‚·ãƒ³ãƒ—ãƒ«ãªç·´ç¿’å•é¡Œ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ ç´ æ™´ã‚‰ã—ã„ ã‚‚ã®ã§ã™ã€‚ HTML ã¨ JavaScript ã¨ CSS ã‚’ã€å†åˆ©ç”¨ã‚‚ãƒ†ã‚¹ãƒˆã‚‚å¯èƒ½ãªã‚³ãƒ¼ãƒ‰ã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã¨ã—ã¦ã‚«ãƒ—ã‚»ãƒ«åŒ–ã§ãã¾ã™ã€‚ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã¾ã¤ã‚ã‚‹ä¸€ã¤ã®å•é¡Œã¨ã—ã¦ã€ ç‹¬æ–çš„ ã«ãªã‚Šã†ã‚‹ã€ã¨ã„ã†ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ç§ãŒã€Œã“ã‚Œã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã ã€ã¨åˆ†é¡žã™ã‚‹ã‚‚ã®ãŒä»–ã®äººã«ã¨ã£ã¦ã¯é•ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã—ã€é€†ã‚‚ã¾ãŸç„¶ã‚Šã§ã™ã€‚ ãƒãƒ¼ãƒ ã§ä»•äº‹ã‚’ã™ã‚‹ã¨ãã¯ã€ æ„è¦‹ ã¨ çŸ¥è˜ ã‚’å…±æœ‰ã™ã‚‹ã“ã¨ãŒå¤§äº‹ã§ã™ã€‚ãã‚Œã§ã¯ã€ãƒãƒ¼ãƒ ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹å ´åˆã€æ„è¦‹ãŒä¸€è‡´ã—ã¦ã„ã‚‹ã‹ã‚’ç¢ºèªã™ã‚‹ãŸã‚ã«ã¯ã©ã†ã™ã‚Œã°ã‚ˆã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã“ã®æŠ•ç¨¿ã§ã¯ã€ç§ãŸã¡ãŒã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«åˆ†è§£ã™ã‚‹ã¨ãã®æ€è€ƒãƒ—ãƒã‚»ã‚¹ã‚’è¾¿ã‚Šã€è‡ªåˆ†ãŸã¡ã®è€ƒãˆã¨å‘¨å›²ã®é–‹ç™ºè€…ãŸã¡ã®è€ƒãˆã®ã‚®ãƒ£ãƒƒãƒ—ã‚’ã©ã®ã‚ˆã†ã«åŸ‹ã‚ã¦
moqada 2017/12/18
team

design

component
ãƒªãƒ³ã‚¯
å†åˆ©ç”¨å¯èƒ½ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
è¨€ã„ãŸã„ã“ã¨ Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã§ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã¨ã„ã†è¨€è‘‰ãŒè”“å»¶ã—ã¦ã„ã¦ã€ã€Œå†åˆ©ç”¨å¯èƒ½ã«ãªã‚‹ã‚ˆã†ã«è¨è¨ˆã™ã¹ãã ã€ã¨ã„ã†è«–èª¿ãŒã‚ã‚‹ãŒã€å®Ÿéš›ã«ã¯æœ¬å½“ã«å†åˆ©ç”¨å¯èƒ½ã§ã‚ã‚‹å¿…è¦æ€§ãŒã‚ã‚‹ã¾ã§ã€æ¥µåŠ›è€ƒãˆãªã„ã»ã†ãŒè‰¯ã„ã€‚YAGNIã¨ã‚‚è¨€ã†ã€‚ ä»¥ä¸‹ã€ç¾æ™‚ç‚¹ã§ã®è€ƒãˆã€‚ ãƒ“ãƒ¥ãƒ¼ã®éšŽå±¤åŒ–è‡ªä½“ã¯OK ã“ã“ã¯Reactã®æ©æµã¨è¨€ã£ã¦ã‚‚è‰¯ã„æ°—ãŒã—ã¦ã„ã¦ã€ãã‚Œã¾ã§ã‚ã‚“ã¾ã‚Šæ˜Žè¨€ã•ã‚Œã¦æ¥ãªã‹ã£ãŸã€Œãƒ“ãƒ¥ãƒ¼ã®éšŽå±¤åŒ–ã€ã«ã¤ã„ã¦å…¬å¼ã§èª¬æ˜Žã—ã¦ã„ã‚‹ç‚¹ãŒã¨ã¦ã‚‚è‰¯ãã¦ã€é–‹ç™ºè€…å…¨å“¡ãŒãƒ“ãƒ¥ãƒ¼ã¯ãƒ„ãƒªãƒ¼ã«ãªã£ã¦ã‚‹ã‚ˆãã¨ã„ã†ãƒžã‚¤ãƒ³ãƒ‰ã§çµ±ä¸€ã§ããŸåŠŸç¸¾ã¯å¤§ãã„ã¨æ€ã†ã€‚ å†åˆ©ç”¨å¯èƒ½ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ ãƒ“ãƒ¥ãƒ¼ã¯ãƒ„ãƒªãƒ¼ã§ã„ã„ã‚“ã ã‘ã©ã€ãã‚Œã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨å‘¼ã‚“ã§ã„ã‚‹ã®ã§ãªã‚“ã¨ãªãDatePickerã¨ã‹TextEditorã¿ãŸã„ãªæ±Žç”¨çš„ãªã‚‚ã®ã‚’æƒ³åƒã—ã¦ã€ã€Œã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®äº‹æƒ…ã‚’çŸ¥ã£ã¦ã„ã¦ã¯ã„ã‘ãªã„ã€ã¨ã„ã†æ°—æŒã¡ã«ãªã£ã¦ç–Žçµåˆã«ä½œã‚ŠãŸããªã£ã¦ã—ã¾ã†ã€‚
moqada 2017/12/18
react

component

design
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã‘ã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å‚ç”»ã«ã¤ã„ã¦ - Qiita
ã“ã®è¨˜äº‹ã¯ãƒ‰ãƒ¯ãƒ³ã‚´ AdventCalendar 2017ã®17æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ dwangoã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼17æ—¥ç›®ã‚’æ‹…å½“ã•ã›ã¦ã„ãŸã ãã¾ã™ @ln-north ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦2016å¹´åº¦æ–°å’ã¨ã—ã¦å…¥ç¤¾ã—ã€ã‚‚ã†ã™ã2å¹´ã«ãªã‚Šã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã§åŸ‹ã‚ã‚‰ã‚Œã‚‹ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®ä¸ã€ã²ã£ãã‚Šã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚å‚åŠ ã•ã›ã¦ã„ãŸã ãã¾ã™ã€ã©ã†ãžãŠæ‰‹æŸ”ã‚‰ã‹ã«â€¦ã€‚ ã¯ã˜ã‚ã« ã“ã“ä½•å¹´ã‹ã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã®å‹•ãã¯éžå¸¸ã«å¤§ãããã—ã¦é€Ÿãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰è¦‹ã¦ã‚‚æ§˜ã€…ãªãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã‚·ãƒ•ãƒˆãŒèµ·ã“ã£ã¦ã„ã¾ã™ã€‚scssã‚„webpackã‹ã‚‰HTML5ã‚„CSS3ã¾ã§â€¦æœ¬å½“ã«å¤§å¤‰ã§ã™ã‚ˆãã€‚ ç‰¹ã«æœ€è¿‘ã¯Reactã‚„Vueãªã©ã€ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ ã®Webã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãŒç™ºå±•ã‚’é‚ã’ã¦ã„ã¾ã™ã€‚Web Componentsãªã©ã‚‚å«ã‚ã€æµã‚Œã‚’è¦‹ã¦ã‚‹ã¨ãŠãã‚‰ãWebã¯ã“ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã«å‘ã‹ã„ã€ã—ã°ã‚‰ãé€²ã‚“ã§ã„ãã®ã ã‚ã†ã¨
moqada 2017/12/18
design

react

component
ãƒªãƒ³ã‚¯
GitHub - deepsweet/hocs: :bento: Higher-Order Components for React
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
moqada 2017/08/26
react

component
ãƒªãƒ³ã‚¯
çœŸã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç²’åº¦ã‚’æ±‚ã‚ã¦
Object Oriented CSS https://www.slideshare.net/stubbornella/object-oriented-css Bootstrap - Components http://getbootstrap.com/components/ BEMâ€¦
moqada 2017/08/17
presentation

component

design
ãƒªãƒ³ã‚¯
component test
Kyoto.js 13ã®ç™ºè¡¨è³‡æ–™ã§ã™
moqada 2017/08/16
test

component

presentation

javascript
ãƒªãƒ³ã‚¯
Introduction to Storybook
moqada 2017/06/14
react

component
ãƒªãƒ³ã‚¯
Atomic Designã®æ¦‚å¿µã«åŸºã¥ã„ãŸJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã¨ã¯ï¼Ÿ - pixiv inside
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€‚ã¯ã¦ãªãƒ–ãƒã‚°ã¨ã‚¨ãƒ¢ã„è©±ãŒä½•ã‚ˆã‚Šã‚‚ã™ããª17æ–°å’ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢Potato4dã§ã™ã€‚ ã²ã‚‡ã‚“ãªã“ã¨ã‹ã‚‰ã“ã®pixiv insideã«æŠ€è¡“çš„ãªè¨˜äº‹ã‚’æ›¸ãæ©Ÿä¼šã«æµã¾ã‚ŒãŸã®ã§ã€JavaScriptå‘¨ã‚Šã®è©±ã‚’æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ æ¦‚è¦ ãƒ¢ãƒ€ãƒ³ãªJavaScriptç’°å¢ƒã«æ…£ã‚Œè¦ªã—ã‚“ã æ–¹ã«ã¯ã€ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã¨ã„ã†å˜ä½ã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸUIã‚„ãƒã‚¸ãƒƒã‚¯ã®é–‹ç™ºã‚’è¡Œã†äº‹ã¯çã—ããªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ãã®ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã¨ã„ã†å˜ä½ã®å¤§ãã•ã¨åˆ†å‰²æŒ‡æ¨™ã«ã¤ã„ã¦ã¯ã€ä¸ã€…ã¾ã¨ã¾ã£ãŸè³‡æ–™ãŒå˜åœ¨ã›ãšã€ãã‚Œãžã‚Œã®é–‹ç™ºè€…ã‚„ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã‚ˆã‚Šã‘ã‚Šã¨ãªã£ã¦ã„ã‚‹å°è±¡ã‚’å—ã‘ã¾ã™ã€‚ æ˜¨ä»Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã€ç‰¹ã«å…¨ã¦JavaScriptã§å®Œçµã™ã‚‹SPAé–‹ç™ºã§é ã®æ‚©ã¾ã›ã‚‹éƒ¨åˆ†ã¨ã—ã¦ã¯ã€çŠ¶æ…‹ã®ç®¡ç†ã«æ¬¡ãã€å¤§ããªèª²é¡Œã¨ãªã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€ãã‚“ãªJavaScriptã«ãŠã‘ã‚‹ã€Œã‚³ãƒ³
moqada 2017/06/08
design

component

javascript
ãƒªãƒ³ã‚¯
GitHub - storybookjs/storybook: Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
moqada 2017/05/18
react-native

react

component
ãƒªãƒ³ã‚¯
ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ã‹ã‚‰ç´è§£ã ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘çš„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆ / Mental-Model Component Design
ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®è¨è¨ˆã«ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ã‚„ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒ¢ãƒ‡ãƒ«ã®ã‚ˆã†ãªæ¦‚å¿µã‚’åŠ ãˆã‚‹äº‹ã§ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«æ„å‘³ã‚’æŒãŸã›ã€è¨è¨ˆã‚„è©•ä¾¡ã‚’è¡Œã„ã‚„ã™ãã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ *OOUX / Atomic Design / Domain-Driven Designï¼ˆãƒ‰ãƒ¡ã‚¤ãƒ³é§†å‹•è¨è¨ˆï¼‰ ãªã©ã‹ã‚‰å¾—ãŸçŸ¥è¦‹ã‚’é›†ç´„ã—ã¦ã„â€¦
moqada 2017/05/14
ui

component

presentation
ãƒªãƒ³ã‚¯
GitHub - elizabetdev/react-kawaii: Cute SVG React Components
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
moqada 2017/05/11
react

component

ui
ãƒªãƒ³ã‚¯
NativeBase: Universal Components for React & React Native
NativeBase is nowgluestackcopy-paste components & patterns for flexibility and customizability
moqada 2016/10/19
react-native

component
ãƒªãƒ³ã‚¯
GitHub - kuy/redux-tooltip: A tooltip React component for Redux.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
moqada 2016/04/14
redux

component

ui
ãƒªãƒ³ã‚¯
GitHub - APSL/react-native-button: A React Native button component customizable via props
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
moqada 2016/03/13
react-native

component
ãƒªãƒ³ã‚¯
GitHub - rebassjs/rebass: :atom_symbol: React primitive UI components built with styled-system.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
moqada 2016/03/09
react

component

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