takaesuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ / 2015å¹´8æœˆ13æ—¥ - ã¯ã¦ãªãƒ

CSSã§ã‚‚ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã‚’å®Ÿç¾ã™ã‚‹æ›¸ãæ–¹ - Qiita

è‹±èªžç‰ˆã¯ã“ã¡ã‚‰ã€‚ OOCSSã¨ã¯ç•°ãªã‚Šã€CSSã§ã¡ã‚ƒã‚“ã¨ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ 0. ã¾ãšã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã€ã¨ã¯ ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã€ã¯ITæ¥ç•Œã‚’æ”¯ãˆã¦ã„ã‚‹é‡è¦ãªãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã®ã²ã¨ã¤ã§ã€JavaScriptã‚’å«ã‚€æ§˜ã€…ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ç‰¹å¾´ã¨ã—ã¦ã¯ã€Œåž‹ã€ã‚„ã€Œã‚¯ãƒ©ã‚¹ã€ã¨ã„ã£ãŸé››å½¢ã‚’æŒã¡ã€é››å½¢ã‹ã‚‰ç”Ÿæˆã•ã‚ŒãŸã€Œã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã€ã¨ã‚¯ãƒ©ã‚¹ã¨ã‚’åŒºåˆ¥ã—ã¾ã™ã€‚ ã‚¯ãƒ©ã‚¹ã¨ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã¨ã‚’åŒºåˆ¥ã™ã‚‹ã“ã¨ã§ã€é•·æœŸçš„ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ã„ãƒ—ãƒã‚°ãƒ©ãƒ ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚¯ãƒ©ã‚¹ã‚’ä¿®æ£ã—ãŸã‚Šã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã«å¤‰æ›´ã‚’åŠ ãˆãŸã‚Šã€ãã‚Œãžã‚Œè‡ªç”±ã«æ‹¡å¼µã§ãã¾ã™ã€‚ ã“ã†ã„ã£ãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžï¼ˆOOPLï¼‰ã«å…±é€šã®ç‰¹å¾´ã¯ã€CSSã§ã¯è¦‹ã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚2008å¹´ã«OOCSSã¨ã„ã†æ‰‹æ³•ãŒç™»å ´ã—ãŸå¾Œã‚‚ã§ã™ã€‚ ãã‚Œã‚‚ä»Šæ—¥ã§ãŠçµ‚ã„ã§ã™ã€‚ã•ã£ããè¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚

takaesu 2015/08/13

ãƒªãƒ³ã‚¯

CSSãŒç ´ç¶»ã™ã‚‹4ã¤ã®ç†ç”± - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

takaesu 2015/08/13

ãƒªãƒ³ã‚¯

ç ´ç¶»ã—ã«ãã„CSSè¨è¨ˆã®æ³•å‰‡ 15 - Qiita

ãƒ–ãƒ©ã‚¦ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã¯å¹³å¦åŒ–ã—ã¦ãŠã ãƒªã‚»ãƒƒãƒˆCSSã¯ã‚ªãƒ—ãƒˆã‚¢ã‚¦ãƒˆå¯èƒ½ã«ã—ã¦ãŠã ç™»å ´é »åº¦ã®é«˜ã„çµ„åˆã›ã¯placeholderã¨ã—ã¦ç™»éŒ²ã—ã¦ã‹ã‚‰åˆ©ç”¨ã™ã‚‹ å¯èƒ½ãªé™ã‚Šç”»åƒã¯ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”Ÿæˆã—ã¦ã‹ã‚‰åˆ©ç”¨ã™ã‚‹ ãã‚Œä»¥ä¸Šåˆ†è§£ä¸å¯èƒ½ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯è¦ç´ ã®ã‚ˆã†ã«æ‰±ã† ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯è‡ªå·±å®Œçµåž‹ã®ã‚‚ã®ã‚’ä½¿ã† BEMã¯DRYã«ãªã‚‹ã‚ˆã†ç²’åº¦ã‚’ä¸‹ã’ã‚‹ å¯èƒ½ãªé™ã‚Š@extendã¯åˆ©ç”¨ã—ãªã„ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ãªã„å ´æ‰€ã§ã¯ã€Utilitiesã‚¯ãƒ©ã‚¹ã‚’æ´»ç”¨ã™ã‚‹ shame.cssã¯ã„ã¤ã‚‚ç¶ºéº—ã«ã—ã¦ãŠã è©³ç´°åº¦ã¾ãŸã¯ç‰¹ç•°æ€§ã®é«˜ã„ã‚‚ã®ã»ã©å¾Œæ–¹ã«è¨˜è¿°ã™ã‚‹ å¯èƒ½ãªé™ã‚Š!importantã—ãªã„ å¯èƒ½ãªé™ã‚Šãƒãƒƒã‚¯ã—ãªã„ å¤‰æ•°ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ã¨ã—ã¦æ´»ç”¨ã™ã‚‹ CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†å‰²ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆã¯ã»ã¨ã‚“ã©ãªã„ã®ã§ä¸€ã¤ã«ã¾ã¨ã‚ã‚‹ 1. ãƒ–ãƒ©ã‚¦ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã¯å¹³å¦åŒ–ã—ã¦ãŠã ä¾‹ãˆã°ã€ã“ã†ã„ã†Scrap & Buildã¯å˜ã«é€šä¿¡é‡ã®ãƒ ãƒ€ã€‚

takaesu 2015/08/13

è¨è¨ˆ

ãƒªãƒ³ã‚¯

ãƒ¦ãƒ¼ã‚¶ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®å˜˜

ãƒ¦ãƒ¼ã‚¶ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã¨èžã„ã¦ã€ä½•ã‚’æ€ã„æµ®ã‹ã¹ã‚‹ã ã‚ã†ã‹ï¼Ÿã‚ˆãã€ãƒ¦ãƒ¼ã‚¶ã®å£°ã‚’ã—ã£ã‹ã‚Šèžã„ã¦ã„ãªã„ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã§ã¯ãªã„ã¨ã‹ã€é¡§å®¢ç¬¬ä¸€ã§ã¯ãªã„ã€ãªã‚“ã¦è©±ã‚’èžãã‘ã©ã€ãã‚Œã¯å…¨ãã®ãƒŠãƒ³ã‚»ãƒ³ã‚¹ã ã€‚ ãƒ¦ãƒ¼ã‚¶ã¯è‡ªåˆ†ã®ã»ã—ã„ãƒ¢ãƒŽã¯ã‚ã‹ã£ã¦ã„ãªã„ã—ã€ç„¡è²¬ä»»ã¾ãšå¤§å‰æã¨ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ã¯è‡ªåˆ†ãŒã»ã—ã„ã‚‚ã®ã¯åˆ†ã‹ã£ã¦ã„ãªã„ã€‚ã„ãã‚‰ã‚°ãƒ«ãƒ¼ãƒ—ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã‚’é‡ãã¦ã‚‚ã€ãã“ã‹ã‚‰ipodã¯ç”Ÿã¾ã‚Œãªã‹ã£ãŸã ã‚ã†ã—ã€Appleã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ’ã‚¢ãƒªãƒ³ã‚°ã¯ã—ãªã„ã“ã¨ã§æœ‰åã ã€‚ãã‚Œã‹ã‚‰ã€ãƒ¦ãƒ¼ã‚¶ã«ã€Œã“ã®ãƒœã‚¿ãƒ³ã®ä½ç½®ã«ã¤ã„ã¦ã©ã†æ€ã„ã¾ã™ã‹ï¼Ÿã€ã¨å•ã‚ã‚Œã‚Œã°ã€ã€Œãã†ã§ã™ãã€ã‚‚ã£ã¨å³ã«ã‚ã£ãŸã»ã†ãŒã„ã„ã¨æ€ã„ã¾ã™ã€ã¨ã€æ„è¦‹ã‚’è¨€ã‚ãªã„ã¨ï¼ã„ã†å–„æ„ã‹ã‚‰ã€è²¬ä»»ã‚‚ä¼´ã‚ãªã„æ€ã„ã¤ãã®æ„è¦‹ã‚’ã©ã‚“ã©ã‚“ã„ã†ã€‚ã ã‹ã‚‰ã€ãƒ¦ãƒ¼ã‚¶ã«ã€Œã©ã†æ€ã†ã‹ã€ã¨èžãã®ã¯æ„šã®éª¨é ‚ã ã€‚ é•·æœŸçš„è¦–ç‚¹ã¨çŸæœŸçš„è¦–ç‚¹ãã‚Œã‹ã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã¨ã„ã†æ™‚ã«ã€ãã‚Œã¯ãƒ¦ãƒ¼ã‚¶ã«ã¨ã£ã¦çŸæœŸçš„ã«ã„ã„ã‚‚ã®ã‹ã€é•·æœŸçš„ã«

takaesu 2015/08/13

wantedly

ãƒªãƒ³ã‚¯

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

2015å¹´8æœˆ13æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4ä»¶)