Grunt
ベストなフロント開発環境構築：Yeomanのインストール
YeomanとはGoogleの作ったIDEで、正確に言えばGruntとBowerとyoといった3つのツールをまとめた状態をYeomanと定義されています。 前提としてnode.jsが必要です。 下記コマンドでYeoman…ベストなフロント開発環境構築：Bowerのインストール
Grunt + Bower + Yeoman の組み合わせがフロント開発の環境構築・共有に現状最強との話を聞き、導入についてまとめていきます。 前提としてnode.jsとWindowsならGitShellが必要です。Gr…Gruntの使い方：CompassでCSSスプライトを自動生成する
実はGruntは関係なくてCompass単体の機能なのですが、前々回GruntでCompassを自動処理できるようにしたので、scssファイルに記述を追加するだけでCSSスプライトを自動生成できます。 下記のフォルダ構成…Gruntの使い方：プラグインを削除する
不要だと思ったプラグインは下記コマンドで削除。 npm remove {プラグイン名} –save-dev 例) npm remove grunt-contrib-less –save-dev 「–sav…Gruntの使い方：Compassをコンパイルする
前回Sassのコンパイルを行いましたが、Compassのコンパイルはまた別のタスクになります。 下記のフォルダ構成を前提とします。 project ├css ├sass ├config.rb (compass用設定ファイ…Gruntの使い方：Sassをコンパイルする
下記のフォルダ構成を前提とします。 project ├css ├sass ├package.json └Gruntfile.js Gruntプラグインは grunt-contrib をインストールしてあることを前提としま…Gruntの使い方：プラグインを一括で読み込む
前回の続きです。プロジェクトフォルダは前回同様となります。 プラグインを多数インストールしている場合、一つ一つGruntfile.jsに設定しなければならないのは手間です。 Gruntfile.js を下記のように修正し…