Gruntの使い方:ファイルを監視しタスクを自動実行する 前回の続きです。コマンドプロンプトを package.json のあるプロジェクトフォルダへ移動しておいてください。 Gruntfile.js を開いて grunt.initConfig に「grunt-contrib-… ゴトーハック2013.12.11 697
Gruntの使い方:タスクを実行させる 前回の続きです。コマンドプロンプトを package.json のあるプロジェクトフォルダへ移動しておいてください。 まずプロジェクトフォルダ内が下記の構成になるようCSS用フォルダとファイルを用意してください。 pro… ゴトーハック2013.12.10 268
Gruntの使い方:プラグインのインストール 前回の続きです。コマンドプロンプトを package.json のあるプロジェクトフォルダへ移動しておいてください。 今回はGruntに機能を加えるプラグインを入れます。 npm install grunt-contri… ゴトーハック2013.12.09 314
Gruntの使い方:基本パッケージの準備 前回の続きです。 まず適当なプロジェクト用フォルダを作成してください。コマンドプロンプトで作成したプロジェクトフォルダへ移動します。Cドライブ直下に「project」というフォルダを作った場合は下記になります。 cd C… ゴトーハック2013.12.06 280
フロント開発を自動化するGruntをインストールする GruntとはWebのフロント開発の様々な作業を自動化してくれるソフトで、一部を挙げると下記のようなことができます。 ・メタ言語のコンパイル(Sass、Lessなど)・HTML, JS, CSSなどを圧縮(minify)… ゴトーハック2013.12.05 249