GitHub - sindresorhus/time-grunt: Display the elapsed execution time of grunt tasksYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
[JS] Compass(Scss)ã®ãƒ“ルドãŒé…ã„ã®ã§ã€ãƒžãƒ«ãƒã‚¹ãƒ¬ãƒƒãƒ‰ã§é«˜é€Ÿã§Compassビルドã™ã‚‹gruntタスクを作ã£ã¦ã¿ã¾ã—㟠- YoheiM .NET
[JS] Compass(Scss)ã®ãƒ“ルドãŒé…ã„ã®ã§ã€ãƒžãƒ«ãƒã‚¹ãƒ¬ãƒƒãƒ‰ã§é«˜é€Ÿã§Compassビルドã™ã‚‹gruntタスクを作ã£ã¦ã¿ã¾ã—㟠ã“ã‚“ã«ã¡ã¯ã€@yoheiMuneã§ã™ã€‚ Compass(Sass)を仕事ã§ä½¿ã†ã®ã§ã™ãŒã€@extendã¨ã‹ãŒã„ã£ã±ã„ã‚ã‚‹ã¨ãƒ“ルドã«æ™‚é–“ãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ 今回ã¯ã€ãã®å¯¾ç–ã¨ã—ã¦gruntã®ã‚¿ã‚¹ã‚¯ã¨ã—ã¦ã€compassビルドをマルãƒã‚¹ãƒ¬ãƒƒãƒ‰ã§é«˜é€ŸåŒ–ã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’作ã£ãŸã®ã§ã€ç´¹ä»‹ã•ã›ã¦é ‚ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Compassã®ãƒ“ルドã¯æ™‚é–“ãŒã‹ã‹ã‚‹ï¼Ÿ Compassã£ã¦ã™ã”ã便利ãªãƒ„ールã§ã€CSSをモジュールã‹å‡ºæ¥ãŸã‚Šæ¡ˆä»¶ã”ã¨ã«ä½¿ã„回ã—ãŸã‚Šã—ã¦ã€CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŠ¹çŽ‡åŒ–ãŒå‡ºæ¥ã¾ã™ã€‚ ã§ã‚‚ã€ç”»åƒã®Base64化やSprite化ã€@extendã§å…±é€šCompassモジュールを使ã†ã‚³ãƒ¼ãƒ‰ãªã©ãŒå¢—ãˆã‚‹ã¨ã€ã‚³ãƒ³ãƒ‘イルã«æ™‚é–“ãŒã‹ã‹ã£ã¦ãã¾ã™ã€‚ 自身ãŒé–¢ã‚ã£ã¦ã„る案
![[JS] Compass(Scss)ã®ãƒ“ルドãŒé…ã„ã®ã§ã€ãƒžãƒ«ãƒã‚¹ãƒ¬ãƒƒãƒ‰ã§é«˜é€Ÿã§Compassビルドã™ã‚‹gruntタスクを作ã£ã¦ã¿ã¾ã—㟠- YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/be8a85a78049a62f12c7fca35a7418bb8dcd8564/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F217.jpg)
Gruntã§é–‹ç™ºç”¨ã¨å…¬é–‹ç”¨ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’分ã‘ã‚‹
å‰ã€…回å‰å›žGruntã€ç›¸å¤‰ã‚らãšã¡ã‚‡ã„ã¡ã‚‡ã„弄ã£ã¦ä¾¿åˆ©ã«ãªã‚‹ã‚ˆã†ã«ã‚„ã£ã¦ã‚‹ã€‚触り甲æ–ãŒã‚ã£ã¦é¢ç™½ã„。 今回ã¯ã€é–‹ç™ºç”¨ã¨å…¬é–‹ç”¨ã§ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’分ã‘ã‚‹ã£ã¦ã„ã†ã®ã‚’ã‚„ã‚Šã¾ã™ å‚考ã«ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸGruntã§åŠ¹çŽ‡åŒ–ï¼ ãƒªãƒªãƒ¼ã‚¹å‰ã®é¢å€’ãªä½œæ¥ã‚’ã¾ã¨ã‚ã‚‹ | MONSTER DIVEã€ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ãƒ€ã‚¤ãƒ–】grunt.js - grunt-contrib-connectã§ã®ãƒ«ãƒ¼ãƒˆãƒ•ã‚©ãƒ«ãƒ€æŒ‡å®š - Qiita [ã‚ータ]ã»ã¼ä¸Šè¨˜ãŠäºŒäººã®æ›¸ã方丸パクリã§ã™!!!ã™ã¿ã¾ã›ã‚“!!!!ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™!!!!! ã“ã®2記事ã¨å‰å›žå‰ã€…回ã¨ã‚„ã£ã¦æ¥ãŸã‚‚ã®ã‚’組ã¿åˆã‚ã›ãŸæ„Ÿã˜ã«ãªã£ã¦ã„る。 ã‚„ã‚ŠãŸã„ã“ã¨é–‹ç™ºæ™‚フォルダ監視Sass/Compassã®ã‚³ãƒ³ãƒ‘イルファイルä¿å˜æ™‚ã«ãƒ–ラウザを自動リãƒãƒ¼ãƒ‰å…¬é–‹æ™‚公開用ディレクトリã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’コピーHTMLã®minifyCSSã®ãƒ—ãƒãƒ‘ティを整ç†CSSã®Media Queries
CSSスプライトを生æˆã™ã‚‹ã€Œgrunt-spritesmithã€
CSSスプライトを生æˆã™ã‚‹ã€Œgrunt-spritesmith〠grunt-spritesmithã¯CSSスプライトを生æˆã™ã‚‹Gruntモジュールã§ã™ã€‚ Gruntã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ã€ŒGruntã§å§‹ã‚ã‚‹Web制作ã®è‡ªå‹•åŒ– - to-Rã€ã‚’å‚ç…§ã«ã€‚ grunt-spritesmithã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ä»¥ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã§ã™ã€‚ npm install grunt-spritesmith --save-dev Gruntfile.jsã®å†…容ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚srcã§å€‹åˆ¥ã®ç”»åƒã‚’ç½®ãディレクトリをã€destCSSã§é–¢é€£ã™ã‚‹CSSを書ã出ã™ãƒ•ã‚¡ã‚¤ãƒ«å(Sassã‚„Lessã€Stylusã§ã‚‚OK)ã‚’ã€destImgã§çµåˆã—ãŸã‚¹ãƒ—ライト画åƒã®ãƒ•ã‚¡ã‚¤ãƒ«åを指定ã—ã¾ã™ã€‚ module.exports = function(grunt) { //グラントタスクã®è¨å®š grunt.initConfig({ spr
grunt-contrib-watch ãŒé‡ã„ã®ã§ grunt-este-watch を試ã—ãŸã‚‰å¹¸ã›ã«ãªã£ãŸ
最近ã€Grunt 㨠grunt-contrib-watch を使ã£ã¦ã„ã‚‹ã®ã ã‘ã©ã€grunt-contrib-watch ㌠CPU を消費ã—ãŒã¡ã§ã‚る。 watch 対象ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒå°‘ãªã„ã†ã¡ã¯ grunt-contrib-watch ã¯å•é¡Œãªãå‹•ãã‚“ã ã‘ã©ã‚‚ã€ãƒ•ã‚¡ã‚¤ãƒ«æ•°ãŒå¢—ãˆã¦ãる㨠CPU ã®æ¶ˆè²»é‡ãŒå¢—ãˆã¦ãる。自分ã®ç’°å¢ƒã§ã¯ã€1,000 個ãらã„ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’監視ã—ã¦ã„ã‚‹ã¨ã€å¸¸æ™‚ 10% 程度 CPU を消費ã—ã¦ã„る。 ã“ã®å•é¡Œã¯æ—¢çŸ¥ã§ã‚ã‚Šã€FAQ ã«ã¯æ¬¡ã®ã‚ˆã†ã«æ›¸ã„ã¦ã„る。 ãŸãã•ã‚“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’監視ã—ã¦ã„ã‚‹å ´åˆã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã® interval ã®å€¤ãŒå°ã•ã™ãŽã‚‹ã‹ã‚‚ã—ã‚Œãªã„。options: { interval: 5007 } ã®ã‚ˆã†ã«ã—ã¦å¢—ã‚„ã—ã¦ã¿ã¦ã»ã—ã„。詳ã—ã㯠issues #35 㨠#145 ã‚’å‚ç…§ã®ã“㨠(※日本語訳ã¯ç§ã«ã‚ˆã‚‹ã‚‚ã®) Another reason i
I am mitsuruog | Yeomanã«å¦ã¶ãƒ¢ãƒ†ã‚‹Gruntfile.jsã®æ›¸ãæ–¹
ç§ãŒæ‹…当ã™ã‚‹ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ライズã®ãƒ•ãƒãƒ³ãƒˆé–‹ç™ºã§ã¯ã€1 å¹´ã»ã©å‰ã‹ã‚‰ Grunt ã«ã‚ˆã‚‹ãƒ“ルドプãƒã‚»ã‚¹ã‚’å°Žå…¥ã—ã¦ã„ã¦ã€è‡ªåˆ†ã§ã‚‚プãƒã‚¸ã‚§ã‚¯ãƒˆã®ç‰¹æ€§ã«å¿œã˜ã¦ Gruntfile.js ã®ã‚¿ã‚¹ã‚¯ã‚’デザインã™ã‚‹æ©Ÿä¼šãŒå¤šã„ã®ã§ã™ãŒã€æœ€è¿‘æµè¡Œã® Yeoman ãŒåã出㙠Gruntfile.js を見るã¨ãªã‹ãªã‹å‚考ã«ãªã‚‹ç‚¹ãŒã‚ã£ãŸã®ã§ã€ã„ãã¤ã‹ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 目次 1. load-grunt-tasks 2. テンプレート 3. ファイル指定方法ã‚ã‚Œã“ã‚Œ 「*〠「{}〠「{,*/}ã€ã£ã¦ä½•ï¼Ÿ 4. 外部パラメータã«ã‚ˆã‚‹ã‚¿ã‚¹ã‚¯åˆ†å² 5. 外部定義ファイルã®ã‚¤ãƒ³ãƒãƒ¼ãƒˆ ã¾ã¨ã‚ 1. load-grunt-tasks load-grunt-tasksã¨ã¯ package.json ã«å®šç¾©ã•ã‚Œã¦ã„ã‚‹ Grunt タスクを見ã¦ã€ã‚¿ã‚¹ã‚¯èµ·å‹•æ™‚ã«ãƒãƒ¼ãƒ‰ã—ã¦ãれるモジュールã§ã™ã€‚ã“ã‚Œã§ã‚¿ã‚¹ã‚¯ã‚’変更ã™ã‚‹ãŸã³ã«
Gruntを使ã£ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®è‡ªå‹•åŒ–。もã†CodeKitã‚‚MAMPã‚‚ã„らãªã„よ。 | 5 LOG
Grunt を使ã£ãŸwebsite製作用ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚»ãƒƒãƒˆã‚’一å¼ä½œã£ã¦ã¿ãŸ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä¸€å¼ æº–å‚™ 下記ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãªã„å ´åˆã¯ã€è¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« node.js grunt-cli node.js ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« node.jsをインストール　nodebrewを使ã£ã¦ç®¡ç†ã™ã‚‹ grunt-cli ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« grunt-cli ã¯grunt を実行ã™ã‚‹ãŸã‚ã ã‘ã®ãƒ‘ッケージãªã®ã§ã€ã€Œ-gã€ã§ã‚°ãƒãƒ¼ãƒãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ãŠã $ npm install -g grunt-cli Grunt ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Grunt を実行ã™ã‚‹ã«ã¯ä¸‹è¨˜ãŒå¿…è¦ package.json （プãƒã‚¸ã‚§ã‚¯ãƒˆã®æƒ…å ±ã‚’è¨˜è¿°ã—ãŸè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ Grunt.js Gruntプラグイン （sassã®ã‚³ãƒ³ãƒ‘イルãªã©ã€Gruntã§å®Ÿè¡Œã™ã‚‹ã‚¿ã‚¹ã‚¯ï¼‰ Gruntfile.js （Gruntã§å®Ÿè¡Œã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’記述ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«
ç¾å ´ã§ä½¿ãˆã‚‹Grunt入門 | 第1回 Gruntを試ãã†
ç¾å ´ã§ä½¿ãˆã‚‹Grunt入門 第1回 Gruntを試ãㆠシリーズ第1回目ã¯Gruntã®æ¦‚è¦ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã€ç°¡å˜ãªã‚¿ã‚¹ã‚¯ã®å®Ÿè¡Œæ–¹æ³•ã¾ã§ã‚’解説ã—ã¤ã¤ã€Gruntを使ã†ãŸã‚ã®é–‹ç™ºç’°å¢ƒã‚’æ•´ãˆã¾ã™ã€‚Gruntã®ã¡ã‚‡ã£ã¨ã‚„ã‚„ã“ã—ã„仕組ã¿ã‚„ã€ãªãœãã®ã‚ˆã†ãªä»•çµ„ã¿ãŒå¿…è¦ãªã®ã‹ã«ã¤ã„ã¦ã‚‚解説ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã“ã®ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€JavaScriptã§æ›¸ã‹ã‚ŒãŸã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã€Gruntã«ã¤ã„ã¦ã€åŸºæœ¬çš„ãªéƒ¨åˆ†ã‚’解説ã—ã¾ã™ã€‚ãªãŠã€ã“ã®è¨˜äº‹ã¯ã€Grunt version 0.4.0 ã®æ™‚点ã§æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã™ã€‚å…¨3回ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ サンプル集 本シリーズã§ä½¿ã†ã‚µãƒ³ãƒ—ルã¯ã€ä»¥ä¸‹ã‚ˆã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ pxgrid/codegrid-grunt · GitHub 第1回目ã§ã¯ã€Gruntã®æ¦‚è¦ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã€ç°¡å˜ãªã‚¿ã‚¹ã‚¯ã®å®Ÿè¡Œæ–¹æ³•ã¾ã§ã‚’解説ã—ã¾ã™ã€‚ Gruntã£ã¦ãªã«ï¼Ÿ ã¿ãªã•ã‚“ã¯ã€jQueryを使ã†æ™‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}