Amazon.co.jp: JavaScriptエンジニア養成読本 [Webアプリ開発の定番構成Backbone.js+CoffeeScript+Gruntを1冊で習得! ] (Software Design plus): 吾郷協, 山田順久, 竹馬光太郎, 和智大二郎: 本![Amazon.co.jp: JavaScriptエンジニア養成読本 [Webアプリ開発の定番構成Backbone.js+CoffeeScript+Gruntを1冊で習得! ] (Software Design plus): 吾郷協, 山田順久, 竹馬光太郎, 和智大二郎: 本](https://cdn-ak-scissors.b.st-hatena.com/image/square/87be3fced2423e60b8e75b7e8ce563ba4299232c/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fm.media-amazon.com%2Fimages%2FI%2F512JJ-aNoiL._SL500_.jpg)
PHPエンジニアをやっていた反動でJavaScriptエンジニア養成読本を書きました。 10/18に発売だそうです。 背景、考えたこと @kyo_ago さんに誘って頂き、企画段階より参加して 大枠の目次草案作成とGrunt特集の執筆を担当しました。 JavaScript界隈の技術は流行り廃りが顕著なこともあり、 テーマとなる技術選定は本当に悩みました。 想定読者を「これからJavaScriptをはじめる人」と設定していたので 新しい技術が出た際にも良いベンチマークとなるような 各レイヤーにおいて、一度は枯れたことのありそうな技術にフォーカスしてみました。 目次 巻頭特集 JavaScriptによる開発の現場 〜10分でわかる最新動向と歴史 Chapter 1：JavaScriptを書こう！ 〜本書の対象読者と前提知識 Chapter 2：JavaScriptの歴史 〜Ajax／HTML5
Broccoli is a new build tool. It’s comparable to the Rails asset pipeline in scope, though it runs on Node and is backend-agnostic. After a long slew of 0.0.x alpha releases, I just pushed out the first beta version, Broccoli 0.1.0. Update March 2015: This post is still up-to-date with regard to architectural considerations, but the syntax used in the examples is outdated. Table of Contents: Quick
Auto Generating Polyfills for JavaScript. I’m sure we can safely say at the time of this writing and going forward that we as developers no longer care to maintain let alone write prefixes and polyfills in our code. The task is time consuming, messy and hard to maintain over time. Currently we have tools like autoprefixer and -prefix-free that let us write CSS properties without the hassle of reme
Recently I’ve been having to deal with creating HTML email templates much more than I had in the past. Most of my previous experience wouldn’t go much further than creating simple transactional emails consisting of a simple table enclosing a bunch of text, nothing too fancy. Unfortunately, when it comes to producing something of a higher standard, such as an appealing newsletter aimed to attract u
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
最近、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
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ファイルを使ったタスクを構成するための方法について説明します。 もし、Gruntfileのことが分からなければ、はじめにと Gruntfileサンプルを確認してみてください。 Gruntの構成 タスクの構成とターゲット オプション ファイル テンプレート 外部データのインポート Gruntの構成 タスクの構成はGruntfile内のgrunt.initConfigメソッドを通して指定されます。 この構成は、大抵の場合タスク名のプロパティ下にあり、任意のデータを含むことが可能です。 プロパティが必要とするタスクと衝突しない限り、それらは無視されます。 また、これはJavaScriptでもあるため、JSONに縛られることはありません。 ここにJavaScriptを書くことも可能です。 必要であれば、プログラム処理によって構成情報を生成しても構いません。
2013年04月24日22:15 カテゴリJavaScript grunt-regardeのconfigで他の静的なタスク実行を邪魔しないようにする JSHint+Closure Linter+Gruntで最強のLint環境を目指してみた - はてブロ@ama-ch を見ながら grunt-regarde 使ってみた。 別のタスクに <%= grunt.regarde.changed %> を使用したら、変更されたファイルのみ対象となるのはいいけれど、 jshintを実行するときに grunt jshint を実行するとエラーが発生するようになってしまった。 var path = require('path'); module.exports = function(grunt) { var config = { jshint: { src_test: ['src/**/*.js', 'te
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![GitHub - buildingblocks/grunt-combine-media-queries: [DEPRECATED] A new version is managed here: https://github.com/frontendfriends/grunt-combine-mq](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e09101ebe9dfb2d0ed9c1f0578feabce9452d89/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fopengraph.githubassets.com%2F8c211702c9e1bcce5f9ed68217e0174fed8a7f736578106fca6e1e783d3e00ca%2Fbuildingblocks%2Fgrunt-combine-media-queries)
