[B! grunt] nakagawのブックマーク

GitHub - sindresorhus/time-grunt: Display the elapsed execution time of grunt tasks

You 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

nakagaw 2015/02/04

出力がおしゃれ

grunt

リンク

[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モジュールを使うコードなどが増えると、コンパイルに時間がかかってきます。自身が関わっている案

nakagaw 2014/12/26

リンク

Gruntで開発用と公開用のディレクトリを分ける

前々回前回Grunt、相変わらずちょいちょい弄って便利になるようにやってる。触り甲斐があって面白い。今回は、開発用と公開用でディレクトリを分けるっていうのをやります参考にさせていただきましたGruntで効率化！リリース前の面倒な作業をまとめる | MONSTER DIVE︻モンスターダイブ︼grunt.js - grunt-contrib-connectでのルートフォルダ指定 - Qiita [キータ]ほぼ上記お二人の書き方丸パクリです!!!すみません!!!!ありがとうございます!!!!! この2記事と前回前々回とやって来たものを組み合わせた感じになっている。やりたいこと開発時フォルダ監視Sass/Compassのコンパイルファイル保存時にブラウザを自動リロード公開時公開用ディレクトリにファイルをコピーHTMLのminifyCSSのプロパティを整理CSSのMedia Queries

nakagaw 2014/12/25

grunt

リンク

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

nakagaw 2014/12/19

grunt

リンク

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

nakagaw 2014/12/15

grunt

リンク

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 タスクを見て、タスク起動時にロードしてくれるモジュールです。これでタスクを変更するたびに

nakagaw 2014/12/02

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で実行するタスクを記述したファイル

nakagaw 2014/10/08

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を使う時

nakagaw 2014/10/04

権限エラーが出たら、sudo

リンク

はてなブックマーク

タグ

関連タグで絞り込む (2)

gruntに関するnakagawのブックマーク (8)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス