node.js(66)

64follower
goto_jp さんのアバター 439views

Gruntの使い方:タスクをまとめて実行

前回の続きです。コマンドプロンプトを package.json のあるプロジェクトフォルダへ移動しておいてください。 module.exports = function(grunt) { grunt.initConfig({ ... 2013年12月12日
goto_jp さんのアバター 385views

Gruntの使い方:ファイルを監視しタスクを自動実行する

前回の続きです。コマンドプロンプトを package.json のあるプロジェクトフォルダへ移動しておいてください。 Gruntfile.js を開いて grunt.initConfig に「grunt-contrib-watch」のプラ... 2013年12月11日
goto_jp さんのアバター 360views

Gruntの使い方:タスクを実行させる

前回の続きです。コマンドプロンプトを package.json のあるプロジェクトフォルダへ移動しておいてください。 まずプロジェクトフォルダ内が下記の構成になるようCSS用フォルダとファイルを用意してください。 project ├cs... 2013年12月10日
goto_jp さんのアバター 410views

Gruntの使い方:プラグインのインストール

前回の続きです。コマンドプロンプトを package.json のあるプロジェクトフォルダへ移動しておいてください。 今回はGruntに機能を加えるプラグインを入れます。 npm install grunt-contrib --save... 2013年12月9日
goto_jp さんのアバター 415views

Gruntの使い方:基本パッケージの準備

前回の続きです。 まず適当なプロジェクト用フォルダを作成してください。コマンドプロンプトで作成したプロジェクトフォルダへ移動します。Cドライブ直下に「project」というフォルダを作った場合は下記になります。 cd C:\projec... 2013年12月6日
goto_jp さんのアバター 624views

フロント開発を自動化するGruntをインストールする

GruntとはWebのフロント開発の様々な作業を自動化してくれるソフトで、一部を挙げると下記のようなことができます。 ・メタ言語のコンパイル(Sass、Lessなど)・HTML, JS, CSSなどを圧縮(minify)・CSSスプライト... 2013年12月5日