[B! sass] gorton-labã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gorton-lab id:gorton-lab

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

Bootstrap for Sass, npm, bower, gulp ã§å¿«é©Webé–‹ç™ºç’°å¢ƒæ§‹ç¯‰
ã€ŒBootstrapã€ã‚’åˆ©ç”¨ã—ãŸã‚µã‚¤ãƒˆã‚’è£½ä½œã™ã‚‹ãŸã‚ã«ã€ã€ŒBootstrap for Sassã€ã¨ã€ŒNode.jsï¼ˆnpmï¼‰ã€ã€ã€Œbowerã€ã€ã€Œgulpã€ã‚’ç”¨ã„ã¦é–‹ç™ºç’°å¢ƒã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œæˆã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å˜ç´”ã«ã€ŒSassã€ã®å°Žå…¥ã ã‘ã§ã‚‚ååˆ†ã«ä¾¿åˆ©ã«ãªã‚‹ã“ã¨ã¯é–“é•ã„ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚‚ã†å°‘ã—è¸ã¿è¾¼ã‚“ã§ã€Œgulpã€ã®å°Žå…¥ã¾ã§é€²ã‚ã¦ãŠãã¨ã€ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®ä»˜ä¸Žã‚„ãƒ•ã‚¡ã‚¤ãƒ«ã®åœ§ç¸®ãƒ»ãƒŸãƒ‹ãƒ•ã‚¡ã‚¤ãªã©ã¾ã§è‡ªå‹•ã§å®Œäº†ã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ã“ã®æ©Ÿä¼šã«ã¾ã¨ã‚ã¦å°Žå…¥ã‚’è€ƒãˆã¦ã¿ã¦ã¯ã‚ˆã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žã¯ã€ã€Œnpmã€ã‚„ã€Œbowerã€ã€ãã—ã¦ã€Œgulpã€ã‚’ç”¨ã„ã‚‹ã“ã¨ã§ã€ŒBootstrap for Sassã€ãŒå§‹ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ãªç’°å¢ƒã‚’æ§‹ç¯‰ã€ã¾ãŸã€Œgulpã€ã®ã€Œã‚¿ã‚¹ã‚¯ã€ãªã©ã‚‚ã‚ã‚ã›ã¦å…¬é–‹ã—ã€ç´°ã‹ã„ã¨ã“ã‚ã¯ã¨ã‚‚ã‹ãã¨ã—ã¦ã€Œã¨ã‚Šã‚ãˆãšã‚µã‚¤ãƒˆã‚’ä¾¿åˆ©ã«è£½ä½œã§ãã‚‹ã€ã¨ã„ã†åœ°ç‚¹ã«ã¾ã§ã”æ¡ˆå†…ã—
gorton-lab 2016/06/03
Windowsç’°å¢ƒå‘ã‘

sass

Bootstrap

gulp
ãƒªãƒ³ã‚¯
gulpã§sassã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’ä½œã‚‹ - yutaponã®ãƒ–ãƒã‚°
ä½•ç•ªç…Žã˜ã‹ã‚ã‹ã‚‰ãªã„ã‘ã©ã€gulpã‚’ä½¿ã£ã¦ã¿ãŸã‚‰ä¸ã€…è‰¯ã‹ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ gulp.jsã¨ã¯ gulp.js ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã£ã¦ã‚„ã¤ã§ã™ã€‚ åŒã˜ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®ç«¶åˆã« Grunt ãŒã‚ã‚Šã¾ã™ãŒã€å¾Œç™ºã ã‘ã‚ã£ã¦ã‚¹ãƒˆãƒªãƒ¼ãƒ ã‚’é§†ä½¿ã—ã¦å¯èªæ€§ã®è‰¯ã„è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ãŒæ›¸ã‘ã¾ã™ã€‚ Gruntã§ã§ãã‚‹ã“ã¨ã¯å¤§ä½“gulpã§ã‚‚ã§ãã‚‹ã®ã§ã€ã©ã¡ã‚‰ã‚’ä½¿ã£ãŸã‚‰è‰¯ã„ã‹ã¯å¥½ã¿ã®å•é¡Œã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ ã“ã®è¨˜äº‹ã§ã¯sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’ã™ã‚‹ã‚¿ã‚¹ã‚¯ã¨ã€é–¢é€£ã—ã¦ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã™ã‚‹ã¨ã“ã‚ã¾ã§ç´¹ä»‹ã—ã¾ã™ã€‚ gulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« npmã‚³ãƒžãƒ³ãƒ‰ã§ã‚µã‚¯ãƒƒã¨å…¥ã‚Œã¾ã™ã€‚ $ npm install -g gulp ã“ã‚Œã§gulpã‚³ãƒžãƒ³ãƒ‰ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ gulpã§sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’ã™ã‚‹ gulpã§sassã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã®ã«ã€ã“ã¡ã‚‰ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã„ã¾ã™ã€‚ gulp-ruby-
gorton-lab 2016/05/22
sass

gulp
ãƒªãƒ³ã‚¯
Gulp.jså…¥é–€ - ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’10å€é€Ÿãã™ã‚‹ç’°å¢ƒã‚’ä½œã‚‹æ–¹æ³•ã¾ã¨ã‚ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
æ™®é€šã«ä½¿ã†åˆ†ã«ã¯å…¨ãå›°ã‚‰ãªã„ã»ã©ã®æ•°ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒGulpã«ã¯ã‚ã‚Šã¾ã™ã€‚ Githubã§ã®staræ•°ã‹ã‚‰ã‚‚æ˜Žã‚‰ã‹ãªã‚ˆã†ã«ã€Googleã®WenStarterKitã§ã‚‚GulpãŒæŽ¡ç”¨ã•ã‚Œã‚‹ãªã©ã€æ³¨ç›®åº¦ã¯ã¾ã™ã¾ã™é«˜ããªã£ã¦ã„ã¾ã™ã€‚ Gruntã¨ã®æ¯”è¼ƒ Gruntã¨æ¯”è¼ƒã—ã¦ã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãƒ¡ãƒªãƒƒãƒˆ Gruntã‚ˆã‚Šè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ãŒè¨˜è¿°ã—ã‚„ã™ã„ StreamAPIã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ¯Žå›žæ›¸ãå‡ºã™Gruntã‚ˆã‚Šé«˜é€Ÿã§ã‚¨ã‚³ ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ è¨˜è¿°ãŒã‚ˆã‚ŠNodeã«è¿‘ããªã‚‹ãŸã‚ã€è¤‡é›‘ãªã“ã¨ã¯æ•·å±…ãŒã‚„ã‚„é«˜ã‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é–‹ç™ºã®ãŸã‚ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒå°‘ãªã„ ä»Šæ—¥ã®ã‚´ãƒ¼ãƒ« Gulp.jsã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä½œæ¥ã‚’10å€é€Ÿãã™ã‚‹ï¼ ãã‚“ãªç’°å¢ƒã‚’ä½œã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. Node.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã¾ãšã¯Node.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ã‚‡ã†ã€‚ Node.js http://nodejs
gorton-lab 2016/03/03
node.js

gulp

sass
ãƒªãƒ³ã‚¯
ã€Macã€‘OS X 10.11 El Capitanã§Sassãªã©ãŒå‹•ã‹ãªããªã£ãŸå ´åˆã®å¯¾å‡¦æ–¹æ³•
OS X 10.11 El Capitanã«ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆå¾Œã€Sassã‚„CompassãŒå‹•ã‹ãªããªã£ãŸã¨ã„ã†å ±å‘ŠãŒå¤šãã‚ã’ã‚‰ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ãã€‚ åŽŸå› ã¯RubyGemsã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸSassã‚„Compassã‚’El Capitanã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãŒã€Œ/usr/binã€ã‹ã‚‰å¾…é¿ã•ã›ãŸã“ã¨ã«ã‚ã‚Šã¾ã™ã€‚ ã“ã®å•é¡Œã®å¯¾å‡¦æ–¹æ³•ãŒGitHubã§å…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ã“ã“ã§ã‚‚ç´¹ä»‹ã—ã¾ã™ã€‚ ã€Œ/usr/binã€ã§ã¯ãªãã€Œ/usr/local/binã€ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§å¯¾å‡¦ã§ãã¾ã™ã€‚ sudo gem install -n /usr/local/bin GEM_NAME_HERE ä¸Šã®ã‚³ãƒžãƒ³ãƒ‰ã®ã€ŒGEM_NAME_HEREã€ã®éƒ¨åˆ†ã‚’ã€Œsassã€ã‚„ã€Œcompassã€ã«ç½®ãæ›ãˆã¦å®Ÿè¡Œã™ã‚Œã°å•é¡Œãªãä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ RubyGemsã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚‚ä½¿ãˆã‚‹å¯¾å‡¦æ–¹æ³•ã§ã™ã®ã§æ†¶ãˆã¦ãŠãã¨è‰¯
gorton-lab 2016/02/01
osx

gem

RubyGems

sass

compass
ãƒªãƒ³ã‚¯
1