Cntlog > スキルアップ・ノウハウ > コーディング > Sassの人気に嫉妬!でもLESSにだっていいとこあるんだよ

Sassの人気に嫉妬!でもLESSにだっていいとこあるんだよ

最近「Web制作者のためのSassの教科書 これからのWebデザインの現場で必須のCSSメタ言語 」という本が出版されてSassがさらに注目されていますね。
個人的にはいよいよSass一択になってLESSが淘汰されていっちゃうのかなと心配しています。

そもそもLESSって何?って方もいるでしょうが、Sass同様CSSプリプロセッサの一つです。
私はLESSを使っており、LESSにもいいところはあるのでそれをご紹介したいです。
※別にSassディスるつもりは微塵もないです。

導入が楽

正直LESSがSassに優っていると思えるところはここしかないかも。

Sassを使い始めるにあたって最初の壁になるのは開発環境の作成と聞ききます。
かくいう私もRubyをインストールしなきゃいけないと聞いて逃げ出した経験の持ち主です。
しかしLESSはJSで動かす事ができますのですぐに開発環境を整える事ができます。
他にも優秀なGUIツールがあるのでアプリをインストールするだけで.lessファイルから.cssファイルを作ってくれる使い方もあります。
※私はこのコンパイルするやり方をしてます。ツールは「WinLess」を使ってます(Windows専用)

人に薦めやすい

導入がしやすければ、人にも薦めやすく使い始めてくれる人も多いです。

使い方等はドットインストールですぐに覚える事が可能です。
CSSプリプロセッサを使うにあたって一番の壁は「チームみんなが使えないといけない」ところにあるのでこのポイントは大きいです。
LESSを人に勧めると「だってこれからはSassでしょ」という人もいますが、CSSプリプロセッサをどれか使い始めないよりは遥かにマシです。

LESSも基本的な考え方はSassと違いはないので慣れておけばいつでもSassに移行できると伝えれば問題ないでしょう。

見本となるフレームワークがある

フレームワークを語るにあたって外せない「Bootstrap」が対応しているのは個人的にはオススメのポイントです。
そもそも私がLESSを使い始めた理由がコレ。
Bootstrapを使い始めたらLESSを覚えたのが歴史です。つまり私のLESS歴はBootstrapの愛でできています。
余談ですがBootstrapに慣れているとプログラマと仲良くなれますよ。

BootstrapはLESSの良い見本でMixinなど設定ファイルが綺麗にかかれていますのでLESSに慣れるのにも最適です。
LESSの設計の仕方もBootstrapで学びましたので、CSSプリプロセッサ使う方は見ても損はないでしょう。

まとめ

CSSプリプロセッサを使うか迷ってる人は取りあえずLESSを使ってみてはいかがでしょう。
便利さがすぐさま実感できるかと思います。
学習コストに見合ったメリットはあるはずです。
Sassを使うのはそれからでも遅くないんじゃないですかね。

関連記事

今更だけど押さえておきたいHTML5のマークアップやAPIの基本的なところ... HTML5の言葉が流行りだして結構な時間が経ちましたが、何が使えて、何がまだ使いにくい状況なのかをずっと放置していましたのでマークアップ、API周りについて少しまとめてみました。 HTML5で追加された基本的なタグ 新しいタグの追加によって文章構造がより明確化できるようになり...
コーディングが苦手な初心者Webデザイナーに上達するCSSの勉強法... Webデザイナーになろうとして、まず最初につまずくのがコーディングです。 CSSは慣れてくると簡単なのですが初めて触るとなると、何から手を付けてよいかわからない、何が正解がわからないなどの理由で挫折する人を多く見かけます。 本記事ではCSSが全然わからない方がCSSのコーディングに慣れるため...
コーディングのお供に!CSSの更新を自動で反映させてくれる便利なブックマークレート... 最近コーディングで便利なブックマークレートを見つけましたのでご紹介します。 CSSrefresh このブックマークレートは表示しているページで使われているCSSファイルの更新を自動的に確認してブラウザに反映させてくれるというものです。 コーデ...
10分で作れるレスポンシブ(サンプル有)... レプポンシブデザインが当たり前とされてきた昨今、意外にもまだレスポンシブで作った事のないWEBデザイナはたくさんいます。 オーバーテクノロジーのように難しく考える方が多い印象がありますが、ただ実装するなら10分もあれば使えます。 まずはレスポンシブを知る。 レスポンシブは端末によってレイア...
Webデザイナーが効率よくHTMLコーディングができるPugのメリット... 2014年頃からPug(当時はjade)を使ってHTMLのコーディングを進めてました。 最初はこんな書き方もできたほうが良いのかなくらいで考えていたのですが、最近ではPugがないほうがしんどい状態になってきました。 保守が苦手だったり、修正時にミスが多い人はPugを使うことでコーディングの質...
RGBAをIE8でも使う簡単な方法 CSS3で使いたい機能というと角丸やグラデーション系が多いと思いますが、割りとRGBAも便利かなと思っています。 PIEを始め、角丸やグラデーションはIE8でも使えるようにという対策はありますが、RGBAはあまり聞きませんね。 私はPHPを使ってRGBAで色指定(透過率も)したものを画像生成する...