[B! CSSè¨è¨ˆ] tomono-blogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tomono-blog id:tomono-blog

CSSè¨è¨ˆã«é–¢ã™ã‚‹tomono-blogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

UIé–‹ç™ºã®æµã‚ŒãŒå¤‰ã‚ã‚‹ï¼React Storybookã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚é–‹ç™ºè€…ã‚‚å¹¸ã›ã«ãªã‚Œã‚‹
ã€Œç”¨æ„ã•ã‚ŒãŸUIãƒ‘ãƒ¼ãƒ„ãŒè¶³ã‚Šãªã‹ã£ãŸã€ã€Œé‹ç”¨ä¸ã®UIã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒå›°é›£ã€ã€‚Reactã‚¢ãƒ—ãƒªã®é–‹ç™ºãªã‚‰React Stroybookã§å•é¡Œã‚’è§£æ±ºã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å§‹ã‚ã‚‹ã¨ãã€ãã‚Œã„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ã“ã¨ã‹ã‚‰å§‹ã‚ã¾ã™ã€‚ç´°å¿ƒã®æ³¨æ„ã‚’æ‰•ã£ã¦ã€UIéƒ¨å“ã¨ã‚¹ãƒ†ãƒ¼ãƒˆã‚„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è€ƒãˆã¦æã„ã¦ã„ãã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ã€é–‹ç™ºã®æœ€ä¸ã§ã‚‚æ¬¡ã€…ã«å¤‰æ›´ãŒç™ºç”Ÿã—ã¾ã™ã€‚æ–°ãŸãªè¦æ±‚ã€äºˆæ¸¬ã—ã¦ã„ãªã‹ã£ãŸä½¿ã„æ–¹ãªã©ãŒã€ã„ã‚ã„ã‚ãªã¨ã“ã‚ã§ç™ºç”Ÿã—ã¾ã™ã€‚å½“åˆã¯ã‹ã£ã“ã„ã„ã¨æ€ã£ã¦ã„ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã ã‘ã§ã¯ã™ã¹ã¦ã‚’ã‚«ãƒãƒ¼ã§ããšã€çµå±€ã€æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã¦æ‹¡å¼µã™ã‚‹ã“ã¨ã«ãªã‚‹ã®ã§ã™ã€‚ ãã‚Œã§ã‚‚ã€ãã®æ™‚ç‚¹ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒãƒãƒ¼ãƒ ã«ã„ã‚Œã°ã¾ã è‰¯ã„ã»ã†ã§ã™ã€‚å¤šãã®å ´åˆã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯åˆ¥ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ç§»ã£ã¦ã„ã¦ã€ã‚ã¨ã‹ã‚‰ç™ºç”Ÿã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã«ã¯é–‹ç™ºè€…ãŒå¯¾å‡¦ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ãã®çµæžœã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸€è²«æ€§ãŒå´©ã‚Œã€ãƒ©ã‚¤ãƒ–
tomono-blog 2019/11/07
ui

vue

CSSè¨è¨ˆ

Webãƒ‡ã‚¶ã‚¤ãƒ³

WEBåˆ¶ä½œ

webé–‹ç™º
ãƒªãƒ³ã‚¯
æ¬¡ã®5å¹´ã‚’æ”¯ãˆã‚‹Vue.jsè£½UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è‚²ã¦ã‚‹ / build up Vue.js component library for next five years.pdf
tomono-blog 2019/11/07
ui

vue

CSSè¨è¨ˆ

Webãƒ‡ã‚¶ã‚¤ãƒ³

WEBåˆ¶ä½œ

webé–‹ç™º
ãƒªãƒ³ã‚¯
Atomic Designã‚’å®Ÿç¾ã™ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘é–‹ç™ºã®ã„ã¾ - Qiita
ã‚¤ãƒ™ãƒ³ãƒˆæ¦‚è¦ https://base.connpass.com/event/122517/ 2019/03/20(æ°´) 20:00 ã€œ 21:30 ä¼šå ´ï¼šhoops link tokyoï¼ˆæ±äº¬éƒ½æ¸‹è°·åŒºå®‡ç”°å·ç”º28-4 ä¸‰äº•ä½å‹éŠ€è¡Œ æ¸‹è°·è¥¿ãƒ“ãƒ«6éšŽï¼‰ ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚°ï¼š#atomic_shibuya æ¬¡ã®5å¹´ã‚’æ”¯ãˆã‚‹Vue.jsè£½UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è‚²ã¦ã‚‹ ã‚¹ãƒ©ã‚¤ãƒ‰ï¼šhttps://speakerdeck.com/simezi9/build-up-vue-dot-js-component-library-for-next-five-years ãªãœã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ãŸã®ã‹ ãƒŸãƒƒã‚·ãƒ§ãƒ³ï¼šä¾¡å€¤ã®äº¤æ›ã‚’ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ã«ã—ã€ä¸–ç•Œä¸ã®äººã€…ãŒæœ€é©ãªçµŒæ¸ˆæ´»å‹•ã‚’è¡Œãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ ãƒãƒƒãƒˆã‚·ãƒ§ãƒƒãƒ—ä½œæˆã‚µãƒ¼ãƒ“ã‚¹ãƒ»ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚¢ãƒ—ãƒªã€ŒBASEã€ è£å´ã®å®Ÿè£… ã‚µãƒ¼ãƒ“ã‚¹ã‚¤ãƒ³ã‹ã‚‰ç¶™ãŽè¶³ã—ç¶šã‘ã‚‰ã‚ŒãŸã‚³ãƒ¼ãƒ‰
tomono-blog 2019/11/07
ui

vue

CSSè¨è¨ˆ

Webãƒ‡ã‚¶ã‚¤ãƒ³

WEBåˆ¶ä½œ

webé–‹ç™º
ãƒªãƒ³ã‚¯
CSSã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã¨ç²’åº¦ãƒ¬ã‚¤ãƒ¤ãƒ¼ - Qiita
CSSè¨è¨ˆã®å½±éŸ¿ç¯„å›²ã¯ï¼Ÿ CSSè¨è¨ˆã¯WEBã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å“è³ªç¶æŒã«å¤§ããé–¢ã‚ã‚Šã€é•·æœŸã«æ¸¡ã£ã¦ãƒãƒ¼ãƒ ãƒ¡ãƒ³ãƒãƒ¼ã«å½±éŸ¿ãŒã‚ã‚‹è©±ã§ã™ã€‚ãã‚Œã¯ã€viewã‚’çµ„ã¿ç«‹ã¦ã‚‹éš›ã®DOMæ§‹é€ è¨è¨ˆãã®ã‚‚ã®ã§ã€æ§˜ã€…ãªã‚³ãƒ¼ãƒ‰ã‹ã‚‰DOMãŒå‚ç…§ã•ã‚Œã¾ã™ã€‚ã”å˜çŸ¥ã®é€šã‚Šã€ã‚°ãƒãƒ¼ãƒãƒ«æ±šæŸ“ã¨è„†ã„æ€§è³ªä¸Šã€å‘½åè¦å‰‡ã‚„è¦ç´„ãƒ»æ¦‚å¿µã‚’ã‚‚ã£ã¦ä¹—ã‚Šåˆ‡ã‚‹ã—ã‹ãªã„ã®ãŒç¾çŠ¶ã§ã™ã€‚ CSS Modules ãŒã“ã®å•é¡Œã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹æ—¥ã‚‚é ããªã„æ§˜ã«æ€ã„ã¾ã™ãŒã€ã—ã°ã‚‰ãã®é–“ã¯ã“ã®å•é¡Œã¨å‘ãåˆã‚ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚æœ¬ç¨¿ã¯æ–°ã—ã„CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã®è©±ã‚‚ç„¡ã‘ã‚Œã°ã€CSS in JS ã®è©±ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ã€Œã“ã‚“ãªCSSè¨è¨ˆã«ã™ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°è‰¯ã„ï¼Ÿã€ã¨è€ƒãˆæ›¸ãèµ·ã“ã—ãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®è©±ã§ã™ã€‚ ç ´ç¶»ã—ãªã„ã€‚ç„¡é§„ãŒç„¡ã„ã€‚é‹ç”¨ã—æ˜“ã„ã€‚æ‹¡å¼µã—æ˜“ã„ã€‚åŒã˜è¨˜è¿°ãŒå°‘ãªã„ã€‚ åŒã˜ãƒã‚°ã‚’è¸ã¾ãªã„ã€‚å¤šãƒ‡ãƒã‚¤ã‚¹ã§å…±æœ‰å‡ºæ¥ã‚‹ã€‚ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ã‚‚å ªãˆã‚‰ã‚Œã‚‹ã€‚ æœ‰åãªCSSè¨è¨ˆã‹ã‚‰ã€
tomono-blog 2018/12/03
css

CSSè¨è¨ˆ

Sass
ãƒªãƒ³ã‚¯
æŠ½è±¡åŒ–ã‚’é¿ã‘ã‚‹CSSè¨è¨ˆæ–¹æ³•è«–ã€ŒEnduring CSSã€ ç¬¬1å›ž
æœ¬é€£è¼‰ã§ã¯ã€Enduring CSSã¨ã„ã†CSSè¨è¨ˆæ–¹æ³•è«–ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Enduring CSSã¯ã€Ben Frainæ°ã®è‘—æ›¸ã§ã€æœ«æ°¸ãç ´ç¶»ã•ã›ãšã«ã‚µã‚¤ãƒˆã®CSSã‚’è¨è¨ˆã™ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã‚ˆã„ã‹ã€‚ãã®æ–¹æ³•è«–ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚é›»åæ›¸ç±ã§ã‚‚è²©å£²ã—ã¦ã„ã¾ã™ãŒã€Webã‚µã‚¤ãƒˆã§å…¨ã¦ã®å†…å®¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ç„¡æ–™ã§å…¨å†…å®¹ã‚’ç¢ºèªå¯èƒ½ã§ã™ã€‚ Enduring CSS by Ben Frain [Leanpub PDF/iPad/Kindle] Architect CSS and scale CSS with the ECSS CSS methodology CSSè¨è¨ˆæ–¹æ³•è«–ï¼ˆCSS methodologyï¼‰ã¨è¨€ã†ã¨ã€OOCSSã€BEMã€SMACSSã®3ã¤ãŒè‘—åãªã‚‚ã®ã¨è¨€ãˆã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ An Introduction To Object Oriented CSS (OOCSS) â€“ Smas
tomono-blog 2018/05/28
css

è¨è¨ˆ

CSSè¨è¨ˆ

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1