[B! CSS][Rails] three_beeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

three_bee id:three_bee

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

ãƒ‡ã‚¶ã‚¤ãƒŠã•ã‚“ç›´ä¼ã®CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæº€è¼‰ï¼ã€ŒRubyistã®ãŸã‚ã®CSSå‹‰å¼·ä¼šã€ã‚’é–‹å‚¬ã—ã¾ã—ãŸ - give IT a try
ã¯ã˜ã‚ã« ã•ã‚‹2016å¹´1æœˆ9æ—¥ã€è¥¿è„‡.rbï¼†ç¥žæˆ¸.rbã®åˆåŒå‹‰å¼·ä¼šã¨ã—ã¦ã€ŒRubyistã®ãŸã‚ã®CSSå‹‰å¼·ä¼šã€ã‚’é–‹å‚¬ã—ã¾ã—ãŸã€‚ ä¸»å‚¬è€…ã®åƒ•è‡ªèº«ãŒã€Œå‚åŠ ã—ã¦è‰¯ã‹ã£ãŸï¼ã€ã¨æ€ãˆã‚‹ãã‚‰ã„æœ‰ç›Šãªæƒ…å ±ãŒãŸãã•ã‚“è©°ã¾ã£ãŸå‹‰å¼·ä¼šã«ãªã£ãŸã®ã§ã€ä»Šå›žã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã“ã®å‹‰å¼·ä¼šã®å†…å®¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚‚ãã˜ ã¡ã‚‡ã£ã¨é•·ã„ã®ã§ã€å…ˆã«ç›®æ¬¡ã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚‚ãã˜ è¬›å¸«ã¯åˆåŒä¼šç¤¾ãƒ•ã‚£ãƒ¨ãƒ«ãƒ‰ã®ç”ºç”°ã•ã‚“ï¼ ã“ã®å‹‰å¼·ä¼šã§è¬›ç¾©ã—ã¦ã‚‚ã‚‰ã£ãŸãƒ†ãƒ¼ãƒž åº§å¦ç·¨ Railsã® app/assets/stylesheets å†…ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆä¾‹ æœ€è¿‘æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹Atomic Designã«ã¤ã„ã¦ 3ç¨®é¡žã®ãƒªã‚»ãƒƒãƒˆç³»CSSã®ç‰¹å¾´ã«ã¤ã„ã¦ å¤‰æ›´ã«å¼·ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ ãƒ—ãƒã‚°ãƒ©ãƒžã¨ãƒ‡ã‚¶ã‚¤ãƒŠã®å”æ¥ã«ã¤ã„ã¦ ãƒãƒ³ã‚ºã‚ªãƒ³ç·¨ é€²ã‚æ–¹ã®å…·ä½“ä¾‹ 1å•ç›®ï¼šã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œæˆ 2å•ç›®ï¼šã‚¢ãƒ©ãƒ¼ãƒˆç”»é¢ã®ä½œæˆ 3å•ç›®ï¼šè¨˜äº‹
three_bee 2016/01/12
css

2016å¹´

design

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

rails

Ruby

å‹‰å¼·ä¼š

web

ã‚¹ã‚¿ã‚¤ãƒ«
ãƒªãƒ³ã‚¯
ã€æˆåŠŸã®ç§˜è¨£å…¬é–‹ã€‘ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ç‹¬å¦ã™ã‚‹æ™‚ã®NGé …ç›®ã¨åŠ¹çŽ‡çš„ãªå‹‰å¼·ãƒ‘ã‚¿ãƒ¼ãƒ³(Ruby, Python, Java, Swift) - ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã®è©±
2020å¹´1æœˆ28æ—¥æ›´æ–° ç‹¬å¦ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚Œã‚‹ã‹ã€æŒ«æŠ˜ã™ã‚‹ã‹ã‚’åˆ†ã‘ã‚‹ã‚‚ã®ã¯ä½•ã§ã—ã‚‡ã†ï¼Ÿãã‚Œã¯ã€ŒåŠ¹çŽ‡ã®è‰¯ã„å‹‰å¼·æ–¹æ³•ã‚’çŸ¥ã£ã¦ã„ã‚‹ã‹ã€ã¨ã€Œã‚„ã£ã¦ã¯ã„ã‘ãªã„ã“ã¨ã‚’çŸ¥ã£ã¦ã„ã‚‹ã‹ã€ã¨ã„ã†2ç‚¹ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æŒ«æŠ˜ã™ã‚‹å¯èƒ½æ€§ã‚’é™ã‚Šãªãä½Žãã—ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚Œã‚‹æ–¹æ³•ã‚’ç¾å½¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ç›®ç·šã§ãŠä¼ãˆã—ã¾ã™ã€‚ ãã®å‹‰å¼·æ–¹æ³•ã ã¨çµ¶å¯¾æŒ«æŠ˜ã—ã¡ã‚ƒã†ã‚ˆ...ã¨ã„ã†ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚ã©ã†ã—ã¦æˆåŠŸã—ãŸã®ã‹ã¨ã„ã†ã“ã¨ã¯ãƒ¡ã‚½ãƒƒãƒ‰åŒ–ã™ã‚‹ã“ã¨ã¯é›£ã—ã„ã§ã™ãŒã€ã©ã†ã—ã¦å¤±æ•—ã—ãŸã®ã‹ã¨ã„ã†ã“ã¨ã¯ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã‹ã‚‰å¦ã¶ã“ã¨ãŒã§ãã¦ã€ãã‚Œã‚’é¿ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ æ—©ãå‹‰å¼·ã—ãŸã„ï¼ã¨ã„ã†ç„¦ã‚‹æ°—æŒã¡ã‚’è½ã¡ç€ã‹ã›ã¦ã€ç‹¬å¦ã‚’å§‹ã‚ã‚‹å‰ã«ã“ã®è¨˜äº‹ã§ã€Œã‚„ã£ã¦ã¯ã„ã‘ãªã„å‹‰å¼·æ–¹æ³•ã€ã¨ã€ŒåŠ¹çŽ‡ã®ã„ã„å‹‰å¼·æ–¹æ³•ã€ã‚’é ã«å…¥ã‚Œã¦ãŠãã¾ã—ã‚‡ã†ã€‚ ç¢ºå®Ÿã«æŒ«æŠ˜ã™ã‚‹å‹‰å¼·ã®ä»•æ–¹ æœ¬ã‹ã‚‰å‹‰å¼·ã‚’å§‹ã‚ã¦ã—ã¾ã† ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‹ã‚‰å§‹ã‚ã¦ã—ã¾
three_bee 2015/12/16
css

rails

ruby

ã‚ã¨ã§èªã‚€

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãƒ—ãƒã‚°ãƒ©ãƒ

Ruby on Rails

ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Rails Tutorialä»¥å‰ - Webç³»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å…¥é–€ãƒ¬ãƒ™ãƒ«ã‚’é”æˆã™ã‚‹ã«ã¯ - - å›½å¢ƒã®å—
Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚ŠãŸã„ã¨æ€ã£ã¦ã€ã¾ãšã¯ã˜ã‚ã«å–ã‚Šçµ„ã‚“ã ã®ã¯Rails Tutorialã ã£ãŸã®ã ã‘ã‚Œã© ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’å¿—ã—ã¦åŠå¹´ç¨‹çµŒã£ãŸã“ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§è‰²ã€…ã¨æ€ã†æ‰€ãŒã‚ã£ã¦ã€ åŒã˜è½ã‚’è¸ã‚€äººãŒå°‘ã—ã§ã‚‚æ¸›ã‚Œã°ã¨æ€ã„ åˆå¦è€…ãŒåŠ¹çŽ‡çš„ã«Webç³»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã®å…¥é–€ãƒ¬ãƒ™ãƒ«ã‚’çµ‚ãˆã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã‹ã¨ã„ã†å½¢ã§ã¾ã¨ã‚ã‚‹ ãã‚‚ãã‚‚Rails Tutorialã¨ã¯ ã¡ã‚‡ã£ã¨ã—ãŸã‚µã‚¤ãƒˆã‚’ä½œã£ãŸã“ã¨ãŒã‚ã£ã¦(=HTML, CSSã‚’ä½¿ãˆã‚‹ï¼‰ å…¥åŠ›ã—ãŸæ•°å—ã®ç´ æ•°åˆ¤å®šãŒå‡ºæ¥ã‚‹ç¨‹åº¦ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°èƒ½åŠ›ãŒã‚ã‚Œã°*ã€ ã¨ã‚Šã‚ãˆãšè§£èª¬ã‚’èªã¿ä¸‹ã—ã¦ã€Twitterãƒ¢ãƒ‰ã‚ã‚’Railsã§ä½œã‚Œã‚‹ä¸å¯§ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆã®ã“ã¨ railstutorial.jp *å®Ÿéš›ã©ã†ã‹ã—ã‚‰ã‚“ã€Rails Tutorialã«è‡ªåˆ†ãŒåˆã‚ã¦å–ã‚Šçµ„ã‚“ã æ™‚ã®ãƒ¬ãƒ™ãƒ«æ„Ÿ Rails Tutorial ã„ã„ç‚¹ã¨æ‚ªã„ç‚¹ ã„ã„ç‚¹ ã¨ã«ã‹ãå†™çµŒã™ã‚Œã°ã€ãƒã‚°
three_bee 2015/05/15
class

css

rails

ruby

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚ã¨ã§èªã‚€

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

WEB

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

tutorial
ãƒªãƒ³ã‚¯
[ç¿»è¨³] Rails Guideã®ç¿»è¨³ã‚’é€²ã‚ã¾ã—ãŸï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
ã“ã‚“ã«ã¡ã¯ã€hachi8833ã§ã™ã€‚ã“ã‚Œã¾ã§ãƒãƒžãƒãƒžç¿»è¨³ã—ã¦ããŸRails Guideã¸ã®ãƒªãƒ³ã‚¯ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‚¬ã‚¤ãƒ‰å…¨ä½“ã‹ã‚‰è¦‹ã‚Œã°ã¾ã åŠåˆ†ãã‚‰ã„ã§ã™ãŒã€ã‚µã‚¤ã‚ºã®å¤§ãã„ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰å…ˆã«ç¿»è¨³ã‚’é€²ã‚ã¦ããŸã®ã§ã€æ®‹ã£ã¦ã„ã‚‹ã®ã¯æ¯”è¼ƒçš„å°ã•ãªãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚ æ³¨æ„: ã“ã‚Œã‚‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯ä»Šã®ã¨ã“ã‚ç¿»è¨³ãŒå®Œäº†ã—ãŸã ã‘ã§ã‚ã‚Šã€ãƒ¬ãƒ“ãƒ¥ãƒ¼ãªã©ã¯ã¾ã è¡Œã‚ã‚Œã¦ã„ã¾ã›ã‚“ã€‚å„äººã®è²¬ä»»ã§ã”åˆ©ç”¨ãã ã•ã„ã€‚ è£œè¶³: Githubã«ç½®ã„ãŸã“ã¨ã§markdownã¯ç°¡æ˜“æ•´å½¢ã•ã‚Œã¦ã„ã¾ã™ãŒã€ç”»åƒã¯è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚Railsã‚¬ã‚¤ãƒ‰ ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«è¨˜è¼‰ã•ã‚Œã¦ã„ã‚‹æ–¹æ³•ã§ Railsã‚¬ã‚¤ãƒ‰ã‚’ãƒ“ãƒ«ãƒ‰ã™ã‚Œã°ç”»åƒ+CSSã®ã‚ã‚‹ã‚¬ã‚¤ãƒ‰ãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«é–“ã®ãƒªãƒ³ã‚¯ã¯ãƒ“ãƒ«ãƒ‰ãŒå‰æãªã®ã§ã€ãã®ã¾ã¾ã§ã¯ç„¡åŠ¹ã§ã™ã€‚ è¨³ã—ã¦ã„ã¦æ€ªã—ã„ã¨æ€ã£ãŸç®‡æ‰€ã«ã¯â—ã‚’ä»˜ã‘ã¦ã¨ã£ã¨ã¨å…ˆã«é€²ã‚“ã§ã„ã¾ã™ã€‚ åŽŸæ–‡ã«å¿ å®Ÿãªè¨³ã¨ã¯é™ã‚Šã¾ã›ã‚“ã€‚åŽŸæ–‡ã‚ˆã‚Šæƒ…å ±ã‚’å¢—ã‚„ã—ãŸã‚Šè¨€ã„æ–¹ã‚’å¤‰ãˆã¦
three_bee 2014/08/11
diff

extensions

github

css

rails

ruby

ç¿»è¨³

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

web

ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼
ãƒªãƒ³ã‚¯
Nokogiriã‚’ä½¿ã£ãŸRubyã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚° [åˆå¿ƒè€…å‘ã‘ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«]
ãƒ—ãƒã‚°ãƒ©ãƒ åˆå¿ƒè€…ãªæ–¹å‘ã‘ã«å§‹ã‚ãŸRailsãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚·ãƒªãƒ¼ã‚ºã§ã™ã€‚ä»Šå›žã¯Rubyã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã‚’ã—ãŸã„ã¨ã„ã†äººå‘ã‘ã«ã€ŽNokogiriã€ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ãŸã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸï¼ (05-02 08:10) è£œè¶³ï¼š Windowsã§ã¯ã˜ã‚ã¦ã®äººå‘ã‘ã®è¨˜äº‹ã‚’è¿½åŠ ðŸˆ ç›®æ¬¡(1) Webã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã¨ã¯ï¼Ÿ (2) Nokogiriã¨ã¯ï¼Ÿ (3) æœ€åˆã«èªã‚“ã§ãŠãã¨æ—ã‚Šãã†ãªè¨˜äº‹ (4) Gem Nokogiriã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« (5) Yahoo!Japanã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‹ã‚‰titleã‚’å–å¾— (6) Naverã¾ã¨ã‚Techãƒšãƒ¼ã‚¸ã®æ³¨ç›®ä¸€è¦§ã®ã‚¿ã‚¤ãƒˆãƒ«ãƒ»ç”»åƒã‚’å–å¾— (7) å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¨ãã«å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆ (8) Railsã¸ã®çµ„ã¿è¾¼ã¿ ðŸ (1) Webã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã¨ã¯ï¼ŸWebã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã¨ã¯Webã‚µã‚¤ãƒˆã®HTMLãƒ‡ãƒ¼ã‚¿ã‚’åŽé›†ã—ã¦ã€ç‰¹å®šã®ãƒ‡ãƒ¼
three_bee 2014/02/15
gem

css

Engine Yard

HTML

Ruby

nokogiri

ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°

scraping

Rails

programming
ãƒªãƒ³ã‚¯
1