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