通信帯域を調整できるgruntプラグインを紹介するよ - Qiita
スマートフォン向けのサービスなどを開発しているとき、3G回線の様な低速な環境での振る舞いを確認しなければならないときがあります。 白ロムでWifiしか使えない場合や、パブリックなとこに置けないために実機での確認に一手間かけなければならないときもあると思います。 有名な方法としてはCharlesのようなローカルプロキシでスロットリングを行う方法があります。 ただCharlesは有料なので開発している全員の環境に入れられるかと言えば少し難しいです。トライアルもありますが常用するには厳しいと思います。 もっと手軽にやりたい。。 grunt-throttle そこで登場するのがgrunt-throttle！ tjgq / grunt-throttle 使い方も超簡単 インストール
多人数でGruntを使うときにGUIあると便利そうな件 (grunt-peon-gui) | Pen
普段の仕事では、プログラミングをしない人もソースをさわったりするのですが、Gruntはちょっと敷居が高いと思われることが多く、どうしようかと常々考えていたところ、GUIツールがあったので試してみました。 markparolisiさんのGruntプラグイン、grunt-peon-guiです。 なによりも使い方が簡単です。普通のGruntfile内で読み込んでgrunt guiコマンドを叩くだけです。 以下、Gruntfileの例。 module.exports = (grunt) -> grunt.initConfig copy: main: files:[ expand: true src : ['test/*'] dest : 'tmp/' filter : 'isFile' ] grunt.loadNpmTasks('grunt-peon-gui') grunt.loadNpmTas
Creating tasks - Grunt: The JavaScript Task Runner
Tasks are grunt's bread and butter. The stuff you do most often, like jshint or nodeunit. Every time Grunt is run, you specify one or more tasks to run, which tells Grunt what you'd like it to do. If you don't specify a task, but a task named "default" has been defined, that task will run (unsurprisingly) by default. Alias Tasks If a task list is specified, the new task will be an alias for one or
Grunt Boilerplate
What we'll cover reading time: approx. 19mins What is Grunt? Installation Package.json Dependencies Gruntfile.js Sass RequireJS JSHint Jasmine BDD Image Minification HTML Minification Registering tasks Watching files Our full Grunt file Conclusion What is Grunt? Grunt is a JavaScript based task runner. What this means is that it will help you spend less time manually running tasks that can be auto
Spritesheets, Grunt, and You
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. If you are using Grunt, you really have no excuse not to be using CSS spritesheets. If you aren’t using Grunt yet, then you should know that a well thought-out workflow with Grunt will allow you to seamlessly integrate icons togethe
Gruntで始めるWeb制作の自動化
Gruntで始めるWeb制作の自動化 Grunt.jsとはWeb制作の様々なタスクを自動化してくれるツールです。 node.jsで開発されており、Sass/CompassやLessなどのCSSプリプロセッサーのコンパイルやCSS/JSの結合圧縮、JSHintによるバリデーションなど様々なタスクを自動で行ってくれます。 インストール まずはnode.jsをインストールします。公式サイトでインストーラーが配布されていますので簡単にインストールが可能です。 次にMacではターミナルを開いてgrunt-cliをインストールしましょう。cliとはCommon Language Infrastructureの略でコマンドラインからGruntを利用するためのツールです。 sudo npm install -g grunt-cli パスワードが聞かれるので入力してください。成功すればgrunt-cliのイ
grunt-preload-assets
A Grunt plugin for generating preload assets manifest files. Supports PreloadJS, PxLoader, JSON, JS, CSV, and unlimited support for multiple formats by using underscore templates. By @gunta. Getting Started This plugin requires Grunt ~0.4.0 If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plu
Grunt 日本語リファレンス | js STUDIO
このサイトについて Gruntの日本語リファレンスです。 Gruntの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.04.15 サイトをオープンしました。 概要 何故タスクランナーを使うのか？ 一言で言えば、自動化のためです。 ファイル圧縮、コンパイル、単体テスト、Lintなどの繰り返し実行しなければいけないタスクを自動化することで、仕事を楽にしてくれます。 タスクランナーを設定すれば、こういった冗長的なほとんどの仕事を、あなたやチームのために行なってくれます。 何故Gruntなのか？ Gruntエコシステムは、巨大で日々成長しています。 Gruntを使って文字通り何百ものプラグインから選択し、最小限の努力で自
コーダーさんの為のGrunt入門（前編）〜導入編 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 以前はmakeを使って納品用のデータをビルドしていたりしたのですが、 去年くらいから代替にGruntを使ってみています。 この度0.3.xから0.4系に切り替えたので、覚書も兼ねてGruntの導入・使い方を記しておきます。 Gruntってなに Gruntを導入する 使ってみよう どんなタスクがあるの？ その他Gruntの魅力 まとめ Grunt ってなに GRUNT: The JavaScript Task Runner Gruntはnode.jsベースで作られたタスクベースのコマンドラインビルドツールです。 ビルドツールってなに ビルドは、ソースファイル群を元にして、実行出来る成果物を生成するプロセスの事を指します。 cf) ビルド (ソフトウェア) – Wikipedia 鍋に鶏と野菜とコンソメを入れて煮込んだらポトフが出来
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - devatrox/grunt-sublime-snippets: A growing collection of Grunt snippets for Sublime Text 2/3
https://quickleft.com/blog/grunt-js-tips-tricks
mattbailey.co
捗るかもしれないフロントエンド開発環境
Home | Assemble
MY GRUNTFILE
GitHub - tsvensen/GruntStart: A Grunt-enabled head-start with H5BP + jQuery + Modernizr + Respond + box-sizing:border-box;