[Wordpress][bundler][rbenv][nodebrew][Gulp]これからはじめるGulp（1）：bundler, rbenv, nodebrewでGulp環境を作ってみる
これからはじめる Gulp シリーズこれからはじめるGulp（1）：bundler, rbenv, nodebrewでGulp環境を作ってみる はじめに この記事はGulp.js（全俺） Advent Calendar 2014です。 今までGruntばかり使って来て、そろそろGulpも使っておこうということで、Wordpressテーマを作るついでに勉強したことをメモしていきます。今回はとりあえずgulpが実行できるところまで進めます。 Gulpとは GulpはGrantと同じタスクランナーの1つです。 色々調べた限りタスクの記述方法がシンプルでわかりやすく高速らしい？ 環境構築 まずはGemの準備からはじめます。Ruby環境はRuby版のSass（gulp-ruby-sassプラグイン）を使わない場合は不要です。gulp-sassプラグインの場合はnode-sassを利用しているのでno
![[Wordpress][bundler][rbenv][nodebrew][Gulp]これからはじめるGulp（1）：bundler, rbenv, nodebrewでGulp環境を作ってみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
Ruby で Sass のカスタム関数を書く
Sass で関数を書く方法は 2 つあります。ひとつは Sass の @function ディレクティブ を使って Sass ファイル内に定義する方法。 $grid-width: 40px; $gutter-width: 10px; @function grid-width ($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; } 簡単かつカジュアルに書ける反面、当然ながら Sass のネイティブ関数やディレクティブの制限を受けるので、できないことも多いです。とくに Sass は文字列系の関数があまり用意されておらず、不満を感じることも少なくありません。 もうひとつの方法は、Ruby でカスタム関数を書いて Sass を拡張する という方法です。Ruby の知識が必要で、かつ Sass ファイルに直接定義するのとは違って別フ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
