gruntに関するk1takeのブックマーク (2)
-
Gruntで出来ることはたくさんありますが、今回ご紹介するのは私がよく使うGruntの設定のメモになります。 ちなみに、Gruntの導入方法や基本的な解説は下記の記事がとてもわかりやすく紹介してくれていますので、これから導入したいという方がいましたら是非参考にどうぞ。 Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 – Web Design KOJIKA17 コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール﹁Grunt﹂導入手順 – OZPAの表4今更だけどやるgrunt入門編・インストールから基本的な使い方 – WEB Drawer Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 – WWW WATCH また、この記事はSass/Compass、ブラウザのliveReloadを使用することを前提に書いてい
-
連載目次 一昔前であれば、HTML/JavaScript/CSSを使用してWebアプリを作成する場合、︵筆者の経験では︶所定の位置にファイルを置くだけでした。最近はHTML/JavaScript/CSS関連の技術も複雑化/多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify︵圧縮︶や結合 単体テストの実行JSLint︵構文チェック︶の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル︵JavaScript変換︶を行う必要もあります。 また、SCSS︵Sass︶やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル︵CSS変換︶作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
-
1