[B! compass] mut00tumã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mut00tum id:mut00tum

compassã«é–¢ã™ã‚‹mut00tumã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Compassä½¿ã†ã®ã‚„ã‚ãŸ
å‰ã‹ã‚‰æ€ã£ã¦ãŸã‚“ã ã‘ã©ã€Gulpä½¿ã„å§‹ã‚ãŸã®ã‚’ãã£ã‹ã‘ã«Compassä½¿ã†ã®ã‚„ã‚ãŸã€‚ ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«é…ã„Compassã€ã¨ã«ã‹ãã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒé…ã„ã¨ã„ã†æ„Ÿã˜ã ã£ãŸã€‚ æ™®é€šã«compass watchã—ã¦ã‚„ã‚‹åˆ†ã«ã¯å•é¡Œãªã„ã‚“ã ã‘ã©ã€Gruntã‚„ã‚‰Gulpã‚„ã‚‰ã‚’ä½¿ã£ã¦Compassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’ã™ã‚‹ã¨ã¨ã«ã‹ãé…ã„å°è±¡ã€‚5ã€œ10ç§’ãã‚‰ã„ã‹ã‹ã‚‹ã€‚Middlemanä½¿ã£ã¦ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã¨ãã“ã¾ã§é…ããªã„ã®ã§ã€ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å•é¡Œã£ã½ã„(ç„¡çŸ¥)ã€‚ ã§ã‚‚ã„ã¤ã‚‚Middlemanä½¿ã†ã‚ã‘ã§ã¯ãªã„ã—ã€ã‚„ã£ã±ã‚Šé…ã„ã®ã¯ã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹ã®ã§ä½¿ã†æ°—ãŒãªããªã£ãŸã€‚ Spriteç”»åƒç”Ÿæˆã™ã‚‹ã¨ã•ã‚‰ã«ãƒ¤ãƒã„CSS Spriteç”¨ã®ç”»åƒã‚’ç”Ÿæˆã•ã›ã‚‹ã¨ã€ã¨ã«ã‹ãé…ãã¦é‡ãã¦è¾›ã„æ„Ÿã˜ã«ãªã‚‹ã€‚æœ€è¿‘ã¯Sprite Smithã¨ã‹ã‚‚ã‚ã‚‹ã®ã§ã€Compassã§CSS Spriteç”Ÿæˆã™ã‚‹æ„å‘³ãŒãã“ã¾ã§ãªã„ã€‚ ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹
mut00tum 2015/10/06
compass
ãƒªãƒ³ã‚¯
http://koukitips.net/mac_terminal_sass_compass/
mut00tum 2015/09/29
Mavericksã®å ´åˆã¯Command Line Devrloper Toolsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ã€‚

compass
ãƒªãƒ³ã‚¯
ã€Gulp.jsã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‘ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼Gulp.jsã®ä½¿ã„æ–¹ | ã‚¦ã‚§ãƒ–æˆ¦ç•¥ãƒ»ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚° UNIONNET Inc.
2014.12.16 ã“ã‚“ã«ã¡ã‚ã€‚å±±çŽ‹ã§ã™ã€‚ æœ€è¿‘è©±é¡Œã«ãªã£ã¦ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼Gulp.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸãŠè©±ã§ã™ã€‚ ä»¥å‰Grunt.jsã‚’ä½¿ç”¨ã—ãŸéš›ã¯Compassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒé…ãã¦æ–å¿µã—ãŸã‚“ã§ã™ãŒ ã‚„ã¯ã‚ŠãƒŠã‚¦ã§ãƒ¤ãƒ³ã‚°ã§ãƒ¢ãƒ€ãƒ³ãªã‚„ã‚Šæ–¹ã§ã‚„ã‚ŠãŸã„ãªãã¨æ€ã„Gulp.jsã®å™‚ã‚’èžãã¤ã‘ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸæ¬¡ç¬¬ã§ã™ã€‚ Gruntã¨ã®é•ã„ Gruntfile.jsã«æ¯”ã¹gulpfile.jsã®æ–¹ãŒæ›¸ãã‚„ã™ã„ å®Ÿè¡Œé€Ÿåº¦ãŒé€Ÿã„ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå°‘ãªã„ ã¾ã ã§ãã¦æ—¥ãŒæµ…ã„ã®ã§ä»Šå¾Œãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚å¢—ãˆã¦ãã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã®æµã‚ŒãŒæ—©ã„ã®ã§æ–°ã—ãã‚‚ã£ã¨ã„ã„ãƒ„ãƒ¼ãƒ«ãŒå‡ºã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ãŒã€‚ ç›®æ¬¡ Node.jsã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Gulp.jsã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« gulpfile.jsä½œæˆ Compassã§SASSã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’ã™ã‚‹ CSSã‚’åœ§ç¸®ã™ã‚‹ Javascriptã‚’
mut00tum 2015/09/29
gulp

compass
ãƒªãƒ³ã‚¯
Gulpã§TypeScriptã¨SASS/COMPASSã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ - Qiita
var gulp = require('gulp'); var typescript = require('gulp-tsc'); var compass = require('gulp-compass'); var plumber = require('gulp-plumber'); //TypeScriptã®ã‚¿ã‚¹ã‚¯ gulp.task('typescript',function(){ gulp.src(['src/ts/**/*.ts']) .pipe(plumber()) //ã‚¨ãƒ©ãƒ¼ã—ã¦ã‚‚ã‚¦ã‚©ãƒƒãƒã‚’é€”ä¸ã§ã‚„ã‚ãªã„ãŸã‚ã®å‡¦ç† .pipe(typescript({module:"amd"})) //ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹å‡¦ç† moduleã§å‡ºåŠ›ã™ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’æŒ‡å®š .pipe(gulp.dest('src/js')); //ãƒ•ã‚¡ã‚¤ãƒ«å‡ºåŠ›å…ˆã‚’æŒ‡å®š }); //Compassã®ã‚¿ã‚¹ã‚¯ gulp.ta
mut00tum 2015/09/29
gulp

compass
ãƒªãƒ³ã‚¯
1