今更聞けない人の為のGrunt再入門
どうも、School Withのフロントをあれこれ作っている根津です。 弊社鈴木の『今更聞けない人の為の◯◯◯』シリーズが好評になってきたので、それにのっかって、フロントエンド側の開発についても同様にシリーズ化していこうと思います。 インフラ周りのバックエンドはもちろんですが、最近ではフロントエンドの開発に関して、いろいろなものが登場しては一般化してきました。 ボイラープレート、コンパイラー、テスト、タスクランナー、フレームワークなど… 「いったい何をどう使えばいいの？」ってなりますね。 というわけで、弊社で利用しているフロント周りの技術を紹介していこうと思います。 今回は“Grunt”についてです。 Gruntって何？ Gruntとはフロントエンドのさまざまな処理を自動化するツールです。 こういった自動化ツールはタスクランナー、ビルドツールなどと呼ばれます。 Gruntは、フロントエンド
ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
