https://geechs-magazine.com/tag/lifehack/20160920
[Gulp]ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（0）：アドベントカレンダースケジュール
ã¯ã˜ã‚㫠「今ã‹ã‚ˆã€ã£ã¦è©±ãªã‚“ã§ã™ãŒã€æ€¥é½ã¯ã˜ã‚ãŸä¸€äººã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ã©ã®æ—¥ã«ä½•ã‚’書ãã‹æ§‹æˆãŒãã¾ã£ã¦ã„ãªã‹ã£ãŸã®ã§è€ƒãˆã¦ã¿ãŸã€‚ 12/01：bundler, rbenv, nodebrewã§Gulp環境を作ã£ã¦ã¿ã‚‹ 12/02：gulp-sassを使ã£ã¦SCSSをコンパイルã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’作ã£ã¦ã¿ã‚‹ 12/03：watchã§å¤‰æ›´ã‚’監視ã™ã‚‹ 12/04：gulp-plumberã§ã‚¨ãƒ©ãƒ¼æ™‚ã®watchを解除ã•ã›ãªã„ 12/05：gulp-connectã§Webサーãƒãƒ¼ã¨ãƒ©ã‚¤ãƒ–リãƒãƒ¼ãƒ‰ 12/06：gulp-load-pluginsã§ãƒ—ラグインã®ä¸€æ‹¬èªã¿è¾¼ã¿ 12/07：gulp-ruby-sassã§Sassオプションã®æŒ‡å®šï¼ˆbourbon, neat, bittersã®ãƒãƒ¼ãƒ‰ï¼‰ 12/08ï¼šé »ç¹ã«ä½¿ã„ãã†ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’試ã™ï¼šJS,CSS圧縮系 12/09ï¼šé »ç¹ã«ä½¿ã„ãã†ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’試ã™ï¼š
![[Gulp]ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（0）：アドベントカレンダースケジュール](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
ビルドシステムgulp を試ã—ã¦ã¿ã‚‹ã€ã™ãã«å‹•ã‹ã›ã‚‹ã‚µãƒ³ãƒ—ル付ã】 | コワーã‚ングスペース7F
ã“ã‚“ã«ã¡ã¯ï¼ã‚¹ã‚¿ãƒƒãƒ•ã®ã‚ãã¿ã§ã™ã€‚ 今回ã¯ç§ãŒ Web 制作ã®éš›ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ gulp ã¨ã„ã†ãƒ“ルドシステムã®ç´¹ä»‹ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ タイトルã®é€šã‚Š gulp を試ã—ã¦ã¿ã‚ˆã†ï¼ã¨ã„ã†ã“ã¨ã§ã€ç”¨æ„ã—ãŸã‚µãƒ³ãƒ—ルを使ã£ã¦å®Ÿéš›ã«æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰è¨˜äº‹ã‚’èªã¿é€²ã‚ã¦ã¿ã¦ãã ã•ã„。 ※ ã“ã®è¨˜äº‹ã§ã¯ sass (ver 3.1 以上)ãŒã™ã§ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨ã—ã¦è©±ã‚’進ã‚ã¾ã™ã®ã§ã€ã”ç•™æ„下ã•ã„。 gulp ã¨ã¯ gulp 㯠Node.js をベースã«ã—ãŸã€ Sass ã®ã‚³ãƒ³ãƒ‘イルや js ファイルã®çµåˆãƒ»åœ§ç¸®ãªã©ã‚’自動化ã—ã¦ãれるビルドシステム(ツール)ã§ã™ã€‚åŒã˜ã‚ˆã†ãªã‚‚ã®ã« Grunt ãŒã‚ã‚Šã€ã‚¿ã‚¹ã‚¯ã®è¨˜è¿°ã®ä»•æ–¹ãŒé•ã„ã¾ã™ãŒã§ãã‚‹ã“ã¨ã¯ã»ã¨ã‚“ã©åŒã˜ã§ã™ã€‚gulp ã®å ´åˆã€å¿…è¦ãªã‚¿ã‚¹ã‚¯ã¯gulpfile.jsã«è¨˜è¿°ã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€ Node.js ã«ã¤ã„ã¦ã®èª¬æ˜Žã¯å‰²æ„›ã—ã¾ã™ã€‚以下ã®è¨˜äº‹
Gulp入門 - コーディングを10å€é€Ÿãã™ã‚‹
2014/9/12ã«è¡Œã‚ã‚ŒãŸé€±æœ«ãƒ©ãƒ³ã‚µãƒ¼ã‚ºã§ã®Gulpãƒãƒ³ã‚ºã‚ªãƒ³ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ LIGブãƒã‚°ã§ã“ã®å†…容をã•ã‚‰ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ http://liginc.co.jp/web/tutorial/117900Read less
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Gulp.js（全俺） Advent Calendar 2014 - Adventar
gulpjsã®å§‹ã‚方。
{{#tags}}- {{label}}
{{/tags}}