node.js(71)

70follower
goto_jp さんのアバター 389views

ベストなフロント開発環境構築:Bowerでライブラリをインストール

前回の続きです。 例としてBowerでjQueryをインストールします。bowerコマンドはGitを経由しているらしくWin標準のコマンドプロンプトは動かないようで、GitShellが必要です。 bower install jquery... 2014年1月8日
goto_jp さんのアバター 555views

ベストなフロント開発環境構築:Bowerのインストール

Grunt + Bower + Yeoman の組み合わせがフロント開発の環境構築・共有に現状最強との話を聞き、導入についてまとめていきます。 前提としてnode.jsとWindowsならGitShellが必要です。Gruntの導入は以前... 2014年1月7日
goto_jp さんのアバター 790views

Gruntの使い方:Compassをコンパイルする

前回Sassのコンパイルを行いましたが、Compassのコンパイルはまた別のタスクになります。 下記のフォルダ構成を前提とします。 project ├css ├sass ├config.rb (compass用設定ファイル) ├pack... 2013年12月18日
goto_jp さんのアバター 1,227views

Gruntの使い方:Sassをコンパイルする

下記のフォルダ構成を前提とします。 project ├css ├sass ├package.json └Gruntfile.js Gruntプラグインは grunt-contrib をインストールしてあることを前提とします。https:... 2013年12月16日
goto_jp さんのアバター 260views

Gruntの使い方:プラグインを一括で読み込む

前回の続きです。プロジェクトフォルダは前回同様となります。 プラグインを多数インストールしている場合、一つ一つGruntfile.jsに設定しなければならないのは手間です。 Gruntfile.js を下記のように修正してください。 ... 2013年12月13日
goto_jp さんのアバター 446views

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 さんのアバター 362views

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

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

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

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

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

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

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

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