Grunt の plugin をロードする5つの方法 | DriftwoodJP計測方法time-grunt と time コマンド(※)を使って計測した。いずれも2回目以降の実行結果。System 80% 以上のものを掲載(jit-grunt を除く)。 ※ 4つめの load-grunt-tasks を利用したところ、loading tasks が表示されなかったため、time コマンドを併用しました。 grunt.loadNpmTasks公式に記載されていた方法。 必要なプラグインを明記するので、何を利用しているか分かりやすい。 Gruntfile
タスクを並列超速化するgrunt-parallelizeを紹介するよ - teppeis blog
この記事は Grunt Plugins Advent Calendar 2013 23日目の記事です。 Gruntタスクを並列で実行するプラグイン grunt-parallelize を紹介します。 ある程度プロジェクトが大きくなるとJavaScriptが1500ファイルとか超えてきてJSHintにくっそ時間かかるみたいなことがよくあります。JSHintを含む多くのNode製ツールはシングルプロセスなので、普通に実行しちゃうとマルチコアなCPUが遊んでてもったいないわけです。 そんなときにgrunt-parallelizeを使うと、指定のプロセス数にファイルリストを分割してマルチプロセスでタスクを実行してくれます。 まずはもとになるタスクのGruntfile.jsの定義。grunt-contrib-jshintを使った普通のタスクですね。 grunt.initConfig({ jshint
Grunt Tips and Tricks - Pony Foo
A relevant ad will be displayed here soon. These ads help pay for my hosting. Please consider disabling your ad blocker on Pony Foo. These ads help pay for my hosting. In a Pinch Always --save-dev Heroku Custom Buildpack Forget grunt.loadNpmTasks Spread out watch Use a nice JSHint reporter Keep your Gruntfile organized! Investigate These are explained and detailed below. grunt.png Always --save-de
[grunt] Gruntfile.jsをチーム共有用と個人用にファイル分割して、gitやsvnのコンフリクトを減らす方法 - YoheiM .NET
[grunt] Gruntfile.jsをチーム共有用と個人用にファイル分割して、gitやsvnのコンフリクトを減らす方法 こんにちは、@yoheiMuneです。 本日はチームでgruntJSを使った開発を行う際に、よく困るGruntファイルのコンフリクト。 チーム共有のGruntfile.jsと、個人が自由に利用するGruntfile.jsを別々のファイルに分割して管理してコンフリクトを減らす方法を、ブログに書きたいと思います。 GruntFile.jsをチームで共有するとファイルのコンフリクトが大変 GruntJSは、JSのミニファイが出来たりCSSプリプロセッサのコンパイルが出来たりと便利なのですが、数人のチームで開発していると、個人毎にGruntfile.jsをカスタマイズしたくなることが多いです。 例えばある人は、ファイルサーバーへアップロードするためのsftpやrsync用のタ
![[grunt] Gruntfile.jsをチーム共有用と個人用にファイル分割して、gitやsvnのコンフリクトを減らす方法 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/7774f965f2d7982cda4820afdaf7d164cfda1c7b/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F228.jpg)
東京Node学園祭2013の宿題：Gruntプラグインのdefault configを取得する方法 - ぼちぼち日記
1. きっかけ 「ブログを書くまでが勉強会〜」ということで、東京Node学園祭2013に参加してきました。細かいセッションレポートは他の人に任せますが、id:yosuke_furukawa さんの「東京Node学園祭 2013にスタッフ兼スピーカーとして参加しました。」で述べられているよう、最後飛び込みLTが続いて学園祭がとても盛り上がったのは楽しかったです。 残念ながら予定をいれてしまい途中で無限LTから退出することになったのですが、 [twitter:@muddydixon]さんのGruntに関するLTで 「Gruntのプラグインがいろいろあるけど config書くのにいちいちドキュメントを参照するのが大変だ。 default の config を出力できるようにするとか、なんとかならない？」 な感じの話があり、私自身も以前同じ事を思ってたので、そうだよなぁ〜と思って会場を後にしました
Yeoman Grunt Bower
Yeoman Grunt Bower talks in Nodefest 2013
More maintainable Gruntfiles
One of the awesome things about Grunt is how easy it is to configure. Unlike the imperative tasks in a Rakefile or a Makefile, Grunt has a simple, declarative configuration. A Gruntfile is simply a JS file that loads tasks and sets up the configuration. A traditional Gruntfile, like this one from Grunt's documentation, looks like this: This is an awesomely powerful build setup - concatination, min
grunt-task-helperが良さそう
grunt-task-helperというGruntプラグインを使っている。ざっと言うとsrcとdestを比較してフィルターをかけた結果を他のタスクで使えるようになったりするもの。例えばビルトインの比較機能であるnewFileを使うと、更新されたファイルがあった場合にだけ走るタスクと似たようなものが簡単に作れる。 grunt-contrib-concatを使っているとして、そのタスク設定が以下のようになっているとする。 concat: { options: { seperator: ';' }, prettify: { src: [ 'scripts/prettify/prettify.js', 'scripts/prettify/lang-config.js', 'scripts/prettify/lang-css.js', 'scripts/prettify/lang-scss.js',
[JavaScript] Sublime Text2からGruntのタスクを実行できるようにする « きんくまデザイン
こんにちは。きんくまです。 html関係のエディタはいまSublime Text2を使っています。 で、ビルドシステムのGruntを使って、watch使って、ファイルが保存されたらビルドする。とやってました。 ・最初「おー、これすごい便利！」 ・「あー、癖ですぐ保存しちゃうから、ビルド毎回しちゃってるー」 ・「保存しただけでビルドしないで欲しいです、。」 ・「あー、イライライライライライラ…」 ・「ビルドしないで下さい。泣（懇願）」←イマココ となってきました。 やっぱり、各ファイル保存して、「ここだ！」という自分の好きなタイミングでビルドしたい！ ま、そのやり方にずっと慣れちゃってるっていうのもあります。 そこで今回のエントリです。 今回のGruntfile.jsです。適当です。こんなのがあったと思ってください。 module.exports = function(grunt){ gru
Grunt 日本語リファレンス | js STUDIO
このガイドでは、プロジェクトでGruntファイルを使ったタスクを構成するための方法について説明します。 もし、Gruntfileのことが分からなければ、はじめにと Gruntfileサンプルを確認してみてください。 Gruntの構成 タスクの構成とターゲット オプション ファイル テンプレート 外部データのインポート Gruntの構成 タスクの構成はGruntfile内のgrunt.initConfigメソッドを通して指定されます。 この構成は、大抵の場合タスク名のプロパティ下にあり、任意のデータを含むことが可能です。 プロパティが必要とするタスクと衝突しない限り、それらは無視されます。 また、これはJavaScriptでもあるため、JSONに縛られることはありません。 ここにJavaScriptを書くことも可能です。 必要であれば、プログラム処理によって構成情報を生成しても構いません。
I am mitsuruog | Backbone.jsとHandlebars.jsを組み合わせる
Backbone.js でアプリケーションを作る場合、ついつい手軽さを求めてUnderscore.js の template()を使うことが多いのですが、少し凝った造りのページを作る場合、より専門的なテンプレートエンジンを使いたくなります。 そこで今回は、最近マイブームのHandlebars.jsを Backbone と組み合わせて使ってみました。 このエントリでお伝えしたいこと。 Backbone.js with Handlebars.js!! ここでもやっぱり Grunt 最高 Handlebars.js とは 詳細は Google 先生の方が詳しいです（ごめんなさい）。 数あるクライアントサイドのテンプレートエンジンの 1 つです。個人的にはプリコンパイルすることでパフォーマンス的に優位なところを注目しています。 [jsperf]Precompiled Templates 最近話題の
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
Best Practices When Working With JavaScript Templates | Envato Tuts+
Maybe you don't need them for simple web apps, but it doesn't take too much complexity before embracing JavaScript templates becomes a good decision. Like any other tool or technique, there are a few best practices that you should keep in mind, when using templates. We'll take a look at a handful of these practices in this tutorial. 1. Underscore for Simple, Handlebars for Complex If you need some
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
捗るかもしれないフロントエンド開発環境
Gruntをv0.3からv0.4にアップデートした | jekylog