[B! Ruby][CSS] clavierã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

clavier id:clavier

Rubyã¨CSSã«é–¢ã™ã‚‹clavierã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

æœ€è¿‘ã®RubyãªWebã‚¢ãƒ—ãƒªã®æ§‹æˆ
ç§ãŒé‹ç”¨ã—ã¦ã„ã‚‹Webã‚¢ãƒ—ãƒª (Perfume Headlineã¨ã‹ã“ã®ãƒ–ãƒã‚°ã¨ã‹) ã§ä½¿ã£ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã¤ã¾ã‚Šã€æœ€è¿‘ã¨ã¯æœ€è¿‘æµè¡Œã‚Šã¨ã„ã†æ„å‘³ã§ã¯ãªãã€ã‚ãã¾ã§æœ€è¿‘ç§ãŒä½¿ã£ã¦ã„ã‚‹ã¨ã„ã†æ„å‘³ã«éŽãŽã¾ã›ã‚“ã€‚ã‚ã—ã‹ã‚‰ãšã€‚ ç´¹ä»‹ã™ã‚‹ã®ã¯ä»¥ä¸‹ã®ã‚‚ã®ã§ã™ã€‚ã“ã†ã‚„ã£ã¦ä¸¦ã¹ã‚‹ã¨ã»ã‚“ã¨ã«ãŸãã•ã‚“ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«æ”¯ãˆã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ãã€‚æ„Ÿè¬ã—ãªãŒã‚‰ä½¿ã„ãŸã„ã§ã™ãã€‚ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Sinatra ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ SQLite DataMapper ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ Haml Sass Compass ã‚¢ã‚»ãƒƒãƒˆç®¡ç† sprockets sprockets-sass sprockets-helpers ç®¡ç†ç”¨ã‚³ãƒžãƒ³ãƒ‰ Thor ãƒãƒƒãƒ rufus-scheduler ãƒ—ãƒã‚»ã‚¹èµ·å‹• foreman æ»æ´»ç›£è¦– daemontools ãƒ‡ãƒ—ãƒã‚¤ Git Webã‚µãƒ¼ãƒ
clavier 2015/07/27
æœ€è¿‘ã®RubyãªWebã‚¢ãƒ—ãƒªã®æ§‹æˆ | monoã®é–‹ç™ºãƒ–ãƒã‚°

ruby
ãƒªãƒ³ã‚¯
ScaleOut | Supership
2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ 2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚ æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚
clavier 2013/06/19
javascript

jquery

library
ãƒªãƒ³ã‚¯
Ruby ã§ Sass ã®ã‚«ã‚¹ã‚¿ãƒ é–¢æ•°ã‚’æ›¸ã
Sass ã§é–¢æ•°ã‚’æ›¸ãæ–¹æ³•ã¯ 2 ã¤ã‚ã‚Šã¾ã™ã€‚ã²ã¨ã¤ã¯ Sass ã® @function ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ– ã‚’ä½¿ã£ã¦ Sass ãƒ•ã‚¡ã‚¤ãƒ«å†…ã«å®šç¾©ã™ã‚‹æ–¹æ³•ã€‚ $grid-width: 40px; $gutter-width: 10px; @function grid-width ($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; } ç°¡å˜ã‹ã¤ã‚«ã‚¸ãƒ¥ã‚¢ãƒ«ã«æ›¸ã‘ã‚‹åé¢ã€å½“ç„¶ãªãŒã‚‰ Sass ã®ãƒã‚¤ãƒ†ã‚£ãƒ–é–¢æ•°ã‚„ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã®åˆ¶é™ã‚’å—ã‘ã‚‹ã®ã§ã€ã§ããªã„ã“ã¨ã‚‚å¤šã„ã§ã™ã€‚ã¨ãã« Sass ã¯æ–‡å—åˆ—ç³»ã®é–¢æ•°ãŒã‚ã¾ã‚Šç”¨æ„ã•ã‚Œã¦ãŠã‚‰ãšã€ä¸æº€ã‚’æ„Ÿã˜ã‚‹ã“ã¨ã‚‚å°‘ãªãã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚‚ã†ã²ã¨ã¤ã®æ–¹æ³•ã¯ã€Ruby ã§ã‚«ã‚¹ã‚¿ãƒ é–¢æ•°ã‚’æ›¸ã„ã¦ Sass ã‚’æ‹¡å¼µã™ã‚‹ ã¨ã„ã†æ–¹æ³•ã§ã™ã€‚Ruby ã®çŸ¥è˜ãŒå¿…è¦ã§ã€ã‹ã¤ Sass ãƒ•ã‚¡ã‚¤ãƒ«ã«ç›´æŽ¥å®šç¾©ã™ã‚‹ã®ã¨ã¯é•ã£ã¦åˆ¥ãƒ•
clavier 2013/05/26
ruby

css

sass
ãƒªãƒ³ã‚¯
scss (sass) + compassãŒã‚¹ãƒ¼ãƒ‘ãƒ¼ä¾¿åˆ©ã§ã³ã£ãã‚Šã—ã™ãŽã¦ä»Šã•ã‚‰ç’°å¢ƒã‚’ä½œã£ãŸã‚Šã€‚Koalaã§ã€‚ â€“ æž—å®¶æ¬¡ç”·
â€»2013.06.19 ã«æ›¸ã„ãŸ Preprops ãŒ Koala ã‚ˆã‚Šä¾¿åˆ©ã£ã½ã„ã§ã™ã€‚ é€£ä¼‘ä¸ã«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ã†ãã†ã—ã‚ˆã†ã€‚ã‚ã€ã¤ã„ã§ã«scssã£ã¦ã®ã¨compassã£ã¦ã®ãŒãªã‚“ã‹ã©ã†ã‚‚ä¾¿åˆ©ã£ã½ã„ã®ã§ã¡ã‚‡ã£ã¨èª¿ã¹ã¦ã¿ã‚ˆã£ã‹ãªã€‚ ã‹ã‚‰å§‹ã¾ã£ã¦ã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨ã€Œç‹‚ãŠã—ã„ã»ã©ä¾¿åˆ©ã§ä»Šã¾ã§ã¼ãã¯ä½•ã‚’ã—ã¦ãŸã‚“ã ã€ã¨ã„ã†ãƒ¬ãƒ™ãƒ«ã§ã—ãŸã€‚ ç’°å¢ƒä½œã‚‹ã®ã‚’å¿˜ã‚Œãªã„ãŸã‚ã«Ï†(ï½€Ð´Â´)ï¾’ï¾“ï¾’ï¾“â€¦ ç’°å¢ƒä½œã‚‹ã®ã¯ã¡ã‚‡ã£ã¨ã‚ã‚“ã©ã†ã§ã™ãŒãŒã‚“ã°ã‚Šã¾ã—ã‚‡ã†ã€‚ â€»ä»Šå›žã¯å…¨ã¦windows7 x64ç’°å¢ƒã«ãªã‚Šã¾ã™ã€‚ compassã¨scssã¯ä½•ãŒã©ã†ã„ã„ã®ã‹ è«–ã‚ˆã‚Šãªã‚“ã¡ã‚ƒã‚‰ã€ã‚‚ã†è¦‹ãŸã‚‰ã‚ã‹ã‚Šã¾ã™ã€‚scssã¯sassã®æ´¾ç”Ÿã‚‰ã—ãã€scssã®ã»ã†ãŒä½¿ã„ã‚„ã™ã‹ã£ãŸã®ã§ã¼ãã¯ãã¡ã‚‰ã‚’é¸æŠžã€‚ compassã¨scssãŒä½•ãªã®ã‹ã¯å„ã€…ã®ãƒšãƒ¼ã‚¸ã‚’èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ ã“ã“ã§ã¯ã•ã‚‰ã£ã¨ã ã‘æ›¸ã„ã¦ã¿ã¾ã™ã€‚ scss (sass) ã«ã§ãã‚‹ã“
clavier 2013/04/30
Ruby

CSS

sass

compass
ãƒªãƒ³ã‚¯
Sinatraã¨Hamlã¨Scssã¨CoffeeScriptã§ãƒ¢ãƒ€ãƒ³ãªWebåˆ¶ä½œç’°å¢ƒã‚’æ§‹ç¯‰ã™ã‚‹ #1 | DevelopersIO
ã“ã‚“ã«ã¡ã¯å±±å½¢ã§ã™ã€‚ htmlã‚„cssç‰ã‚’æ›¸ã„ã¦é™çš„ãªWebã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ã¦ã„ã‚‹æ–¹ãªã‚‰èª°ã§ã‚‚ã€ã‚ˆã‚ŠåŠ¹çŽ‡çš„ãªç’°å¢ƒæ±‚ã‚ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Dreamweaverã‚„Aptanaç‰ã®IDEã‚’ä½¿ã†ã®ã‚‚ä¸€ã¤ã®æ‰‹ã ã¨æ€ã„ã¾ã™ãŒã€ã‚ˆã‚ŠæŸ”è»Ÿãªç’°å¢ƒæ§‹ç¯‰ã¨ã—ã¦ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Rubyã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ Windowsã®å ´åˆ Engineyardç¤¾ãŒæä¾›ã—ã¦ã„ã‚‹Railsinstallerã§ã‚µã‚¯ãƒƒã¨å…¥ã‚Œã¦ã—ã¾ã„ã¾ã—ã‚‡ã†ã€‚ Railsinstallerã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å‡ºæ¥ã¾ã™ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ããŸã‚‰exeã‚’èµ·å‹•ã—ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã«å¾“ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’å®Ÿè¡Œã—ã¦ãã ã•ã„ã€‚ Mac OS Xã®å ´åˆ rbenvã§ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…ˆã«Xcode Command line Toolsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’æ¸ˆã¾ã›ã¦ãŠã„ã¦ãã ã•ã„ã€‚ Xcodeã®ç’°å¢ƒè¨å®šã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™ã€‚ # rbenvã‚’githubã‹ã‚‰
clavier 2013/01/29
github

javascript

coffeescript

css

ruby
ãƒªãƒ³ã‚¯
Pixate - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
æ•°æ—¥å‰ã« Pixate ã¨ã„ã† iOS å‘ã‘ãƒŸãƒ‰ãƒ«ã‚¦ã‚§ã‚¢ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ãªã‚“ã¨iOSã‚¢ãƒ—ãƒªã®è¦‹ãŸç›®ã‚’ css ã§æ›¸ã‘ã‚‹ã¨ã„ã†ã€å…¨ã‚¦ã‚§ãƒ–é–‹ç™ºè€…æ„Ÿæ¶™ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ã“ã‚Šã‚ƒã™ã’ãˆã€‚ãŸã ã—ç„¡æ–™ã¨ã„ã†ã‚ã‘ã«ã¯ã„ã‹ãšã€18,000å††ãã‚‰ã„ã§ã“ã–ã„ã¾ã™ã€‚ 2æœˆ9æ—¥ è¿½è¨˜ ãƒˆãƒ©ã‚¤ã‚¢ãƒ«ç‰ˆã¨ã€å€‹äººåˆ©ç”¨ã®ãŸã‚ã®ç„¡æ–™ç‰ˆãŒå‡ºãŸã‚ˆã†ã§ã™ã€‚ RubyMotion ã® teacupã®ã‚ˆã†ã« css ãƒãƒƒã‚¯ãª DSL ã§æ›¸ã‘ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã¯ã‚ã‚Šã¾ã—ãŸãŒ Pixate ã¯ãã®è¾ºã¨ã¯æ¬¡å…ƒãŒé•ã£ã¦ã¦ã€æ™®é€šã« css ãƒ•ã‚¡ã‚¤ãƒ«ã« css ã‚’æ›¸ãã“ã¨ãŒã§ãã‚‹ã€‚ button.blue { position: 60, 100; size: 200, 40; border-radius: 7px; font-family: 'Courier New'; font-size: 18pt; font-weight: bold; bord
clavier 2013/01/23
objective-c

ruby

ios

development

programming

css

design
ãƒªãƒ³ã‚¯
Railsãƒ—ãƒã‚°ãƒ©ãƒžã¯ã“ã‚Œã‚’å…¥ã‚Œã‚Œã°ã™ãã«ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¯ã˜ã‚ã‚‰ã‚Œã¾ã™ï¼ | mah365
å…ˆæ—¥ã®ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¼šã§ç™ºè¡¨ã•ã‚ŒãŸã€Œå°‘ãªã„æ‰‹é–“ã¨çŸ¥è˜ã§â€ãã‚Œãªã‚Šâ€ã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ï¼ˆby èµ¤å¡šã•ã‚“ï¼‰ã®ä¸ã«æ›¸ã‹ã‚Œã¦ã„ãŸSassã®Mixinã‚’Railsã§ä½¿ãˆã‚‹Gemã«ã—ã¦ã¿ã¾ã—ãŸã€‚ zurui-sass-rails: https://github.com/mahm/zurui-sass-rails sample: http://zurui-sample.herokuapp.com/ ã†ãŠãŠãšã‚‹ã„ï¼ï½— RT @mah_lab: .@ken_c_lo ã•ã‚“ã®ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’Gemã«ã—ã¦ã¿ã¾ã—ãŸã€‚ github.com/mahm/zurui-sasâ€¦ ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ zurui-sample.herokuapp.com (based on github.com/machida/Customâ€¦) â€” TAEã•ã‚“ (@ken_c_lo) 11æœˆ 7, 2012 @m
clavier 2012/11/07
Ruby

rails

sass

github

css

ui
ãƒªãƒ³ã‚¯
1