[B! tips][bower] yukungã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yukung id:yukung

tipsã¨bowerã«é–¢ã™ã‚‹yukungã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

Webã‚¢ãƒ—ãƒªã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ä½œæ¥åœŸå°ã‚’ä½œã‚‹ ãã®3 Sass Source Map - cu39's diary
ãã®1 ã¨ ãã®2 Sprockets ã®ç¶šãã§ã™ã€‚ãŒã€ä»Šå›žã®ä½œæ¥ã¯ ãã®1 ã®é€”ä¸ã‹ã‚‰ãƒ–ãƒ©ãƒ³ãƒã—ã¦ã¾ã™ã€‚ Google Chrome ã® Dev Tools ã¯ Sass/SCSS ã® Source Map ã«å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã™ã€‚ãŒã€Source Map ã¯ä»•æ§˜ã‚‚å®Ÿè£…ã‚‚æµå‹•çš„ãªçŠ¶æ…‹ã§ã€ç’°å¢ƒã«ã‚ˆã£ã¦å‹•ä½œã—ãªã„å¯èƒ½æ€§ã‚‚å¤§ã‚ã‚Šãªã®ã§ã€ã‚ãã¾ã§å‚è€ƒã¾ã§ã€‚ ãƒªãƒã‚¸ãƒˆãƒªä¸Šã§ã¯ Sprockets ã‚‚ Bootstrap ã‚‚ Compass ã‚‚å°Žå…¥ã™ã‚‹å‰ã®æ®µéšŽã‹ã‚‰ãƒ–ãƒ©ãƒ³ãƒã‚’ç”Ÿã‚„ã—ã¾ã—ãŸã€‚ https://github.com/cu39/workbench/tree/sass-sourcemap-on-plain æ–°ä»•æ§˜ã¨æ—§ä»•æ§˜ CSS ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¸ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã§ãƒ–ãƒ©ã‚¦ã‚¶ã« Source Map ã®ä½ç½®ï¼ˆãƒ‘ã‚¹ï¼‰ã‚’çŸ¥ã‚‰ã›ã‚‹å¿…è¦ãŒã‚ã‚Šã€ãã®æ–¹æ³•ã¯2ç¨®é¡žã‚ã‚Šã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã® HTT
yukung 2015/10/01
development

web

javascript

ruby

bower

library

sinatra

tips

coffeescript

sass
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ä½œæ¥åœŸå°ã‚’ä½œã‚‹ ãã®2 Sprockets - cu39's diary
å‰å›žã®ã¤ã¥ãã€‚ å‰å›žä½œã£ãŸä½œæ¥å°ã« Sprockets ã‚’å°Žå…¥ã—ã¦ assets æä¾›ã‚’åˆ†é›¢ã—ã¾ã™ã€‚ã¨ã„ã£ã¦ã‚‚ Sprockets ä½¿ã£ã¦ã„ãã‹ã©ã†ã‹è‡ªåˆ†ã§ã‚‚ç¢ºä¿¡æŒã¦ã¦ãªã„ã®ã§ãƒªãƒã‚¸ãƒˆãƒªã§ã¯ãƒ–ãƒ©ãƒ³ãƒã«ã—ã¦ãŠãã¾ã—ãŸã€‚ https://github.com/cu39/workbench/tree/sprockets Sprockets ã‚’å°Žå…¥ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦ã¯ã€ã“ã®ã¾ã¾ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹ã‚±ãƒ¼ã‚¹ã‚’è¦–é‡Žã«å…¥ã‚ŒãŸã¨ãã«åœ§ç¸®æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã‚„ã™ã‹ã£ãŸã‚Šãƒ—ãƒªã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã§ããŸã‚Šã™ã‚‹ã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ï¼ˆã©ã¡ã‚‰ã‚‚ä»Šå›žã¯ã‚„ã£ã¦ã¾ã›ã‚“ï¼‰ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ã¾ãšã¯ Gemfile ã« sprockets é–¢é€£ã® gem ã‚’è¿½åŠ ã—ã¦ bundleã€‚ gem 'sprockets' gem 'sprockets-helpers' gem 'sprockets-sass' ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã‚’å¤‰æ›´ å‰å›žã®æœ€å¾Œã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ‡ã‚£ãƒ¬ã‚¯
yukung 2015/10/01
development

web

javascript

ruby

bower

library

sinatra

tips

coffeescript

sass
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ä½œæ¥åœŸå°ã‚’ä½œã‚‹ ãã®1 - cu39's diary
Slim, Sass/SCSS, CoffeeScript ãŒä½¿ãˆã¦ Livereload ã—ã¦ãã‚Œã‚‹ãƒ•ãƒãƒ³ãƒˆå‘¨è¾ºã®ä½œæ¥ç’°å¢ƒãŒã»ã—ã„ã¨æ€ã„ãªãŒã‚‰ã‚‚è‡ªåˆ†ã«ã—ã£ãã‚Šãã‚‹æ§‹æˆãŒã§ããªã‹ã£ãŸã‚“ã§ã™ãŒã€æœ€è¿‘ rack-livereload ã‚’è¦‹ã¤ã‘ã¦ãƒ”ãƒ¼ã‚¹ãŒåŸ‹ã¾ã£ãŸæ„Ÿã˜ãŒã—ãŸã®ã§ã¾ã¨ã‚ã¾ã™ã€‚ https://github.com/cu39/workbench è¨˜äº‹ã‚’æ›¸ãã«ã‚ãŸã‚Š naoya ã•ã‚“ã®ã²ãªåž‹ã«å¤§ã„ã«å½±éŸ¿ã•ã‚Œã¦ã¾ã™ãŒã€ã“ã“ã§ã¯ npm ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã®ã¯ bower ã ã‘ã«ã—ã¦åŸºæœ¬çš„ã«ã¯ Sinatra ã¨ Guard ã«ä»»ã›ã¦ã„ã¾ã™ã€‚ Sinatra, Slim, Sass, CoffeeScript åœŸå°ã®åœŸå°ã¨ã—ã¦ã‚·ãƒ³ãƒ—ãƒ«ãª Sinatra ã‚¢ãƒ—ãƒªã‹ã‚‰ã€‚Gemfile ã‚’æ›¸ã„ã¦ bundleã€‚ Gemfile source 'https://rubygems.org' gem '
yukung 2015/10/01
development

web

javascript

ruby

bower

library

sinatra

tips

coffeescript

sass
ãƒªãƒ³ã‚¯
æ˜¨ä»Šã®è‡ªåˆ†ç”¨Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã²ãªå½¢ - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
ã¡ã‚‡ã£ã¨ jQuery ã¨ç°¡å˜ãªã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®å‡¦ç†ã‚’çµ„ã¿åˆã‚ã›ãŸå‡¦ç†ã‚’è©¦ã—ã«æ›¸ã„ã¦ã¿ã‚ˆã†ï½¥ï½¥ï½¥ãªã‚“ã¦æ™‚ã«ã€ã„ã¡ã„ã¡ jQuery ã‚’å–ã£ã¦ãã¦ HTML ã‚’æ›¸ã„ã¦ script ã‚¿ã‚°ã‚’æ›¸ã„ã¦ãƒãƒ¼ãƒ‰ã—ã¦ sinatra ç«‹ã¡ä¸Šã’ã¦äº‘ã€…ï½¥ï½¥ï½¥ã¨ã„ã†ã®ãŒæ¯Žåº¦é¢å€’ãªã®ã§ã€ã²ãªå½¢ã«ãªã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ãŸã€‚ https://github.com/naoya/boilerplate ã²ã¨ã¾ãš sinatra ã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚’æ›¸ãã€HTML ã¯ slim ã§ã€CSS ã¯ sass ã€‚JavaScript ã¯ CoffeeScriptã§æ›¸ãã«ã‚ãŸã£ã¦ jQueryã€underscoreã€Backbone ã‚’ãƒãƒ¼ãƒ‰ã—ã¦ã‚ã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªæ§‹æˆã«ã—ã¦ã‚ã‚Šã¾ã™ã€‚ ã¾ã‚ã€ã“ã®é¡žã®ã“ã¨ã¯äººãã‚Œãžã‚Œè‡ªåˆ†ãªã‚Šã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ã‚„ã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã©ã†ã„ã†ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§æ§‹æˆã—ã¦ã„ã‚‹ã‹ã‚’ã€å‚™å¿˜éŒ²ã‚‚å…¼ãã¦ã¡ã‚‡ã£ã¨ç´¹
yukung 2015/09/30
development

web

javascript

ruby

bower

library

sinatra

tips
ãƒªãƒ³ã‚¯
1