LessParserについて

• Less Parser

AIRで開発されている、クロスプラットフォームのLessコンパイラ。
AdobeAIRが入っているOSならどこでも動作するでしょう。

Mac版のLess.appの影響を強く受けているようで、
レイアウトも使い方もとても良く似ています。
作者同意のもと、Less.appのレイアウトをベースに開発したとの事。

It is possible that you’ve come across “Less.app for Mac OSX” developed by Bryan D K Jones. With his consent, I have based my application layout on the layout of his application..

使い方

プロジェクトの登録

1. Addをクリックして、プロジェクトの名前と監視するディレクトリを入力します。
2. 右カラムに、.lessファイルのリストが表示されます。
   
   左のチェックボックスはコンパイルするかどうか、右はMinify（圧縮）するかどうかをチェックします。
3. 左下の「Automaticaly parse files on save」にチェックが入ってれば、
   
   ファイルの更新を検知して自動的にコンパイルしてくれます。

ログ画面

上の「Log」ボタンをクリックするとコンパイルのログが表示されます。

Less.appとの比較

AIR版ということもあり、
本家Less.appと比べて出来ない事もいくつかあるようです。

• ドラッグドロップによる登録
• アウトプットパスの設定

個人的に残念なのは、AIRのディレクトリ選択ダイアログが使いづらい所でしょうか。
ドラッグドロップ使えればもっと素敵なのですが（AIRなら実装出来たようなおぼろげな記憶も…）

Lessniumと比較して

• フォルダ単位で登録ができ、ファイル毎でもコンパイルのon/offが選択できる。
• 圧縮のon/offが選択出来る

Less.app同様に、非常に使いやすいUIで細かい設定が出来、
言うまでもなくLessniumの完全上位互換ですね。
このプロジェクトが存続する限りは、Lessniumは開発されない事と思います。
作者もLessParser使いますし（！

まとめ

Lessniumが要らない子になるのはちょっとだけ寂しいですが、
元々Windowsで動くものが無かったから作っただけで、
開発する人が出てきたと言う事は、それだけLessが市民権を得てきたという事ですし、
非常に使いやすいアプリなので、素直に嬉しいです。

スライド

ざっくりとした内容

• Lessってなに？
  • 公式 : LESS « The Dynamic Stylesheet language
• Lessだと何が幸せなのか？
• Lessの記法いろいろ
  • 変数
  • ミックスイン（関数のようなもの）
  • 演算子
  • セレクタの入れ子
• Lessの使い方
  • クライアントサイドでコンパイルする
  • node.jsで実行する
  • GUIクライアント for Mac : LESS.app For Mac OS X
  • GUIクライアント for Win : TitaniumデスクトップでLESS.jsのフロントエンドをこさえてみた
• LESSTESTERの紹介
  • LESSTESTER – Online Compiler fo Less CSS

なぜSassじゃないのか？

というもっともなツッコミを参加者様より頂きました。
確かにSassの方が多機能でメジャー（つまりこの先もメンテされる可能性が高い）ですが…

• 先にLessの方を知ってしまった
• JavaScriptベースに変わったので色々出来て、軽快
• クライアントサイドのコンパイルが嬉しい
• マイノリティを応援したい

などといった理由から、Lessを愛し続けています。

ただ、チームで制作したりする場合は、
メジャーな方使ったほうが無難な気はしますね。

LESSTESTERとは

LESSTESTER – Online Compiler fo Less CSS

Lessのオンラインコンパイラです。
左のテキストエリアにLess記法で入力してShift+Enterすると、
右のテキストエリアにコンパイラを通した結果が出力されます。

記法がわからない場合は、右上のHELPボタンをクリックすると
簡単な記述例がみられるので、ご参考に。

Lessをこれから始めようという方のお砂場にしてもらえると嬉しいです。

Lessが気に入ったら、GUIクライアントも是非

Lessnium for Windows

LESSTESTERの右下に、拙作のLessniumのバナーもさりげなく置いておきました。
これはWindows向けTitaniumDesktop製のGUIクライアントです。
Windowsユーザーの方は、もしよければ使ってみてください。

TitaniumデスクトップでLESS.jsのフロントエンドをこさえてみた | Mach3.laBlog

Less.app for Mac OS X

Macユーザーの方は、優秀なLess.appがあるのでこちらを是非。

LESS.app For Mac OS X