SASSコンパイラは簡単なGUIで使えるPreprosで決まり

CSS

皆さん、SASSってますか?

CSSを書く時にSASS / SCSSを利用するのはもはや当たり前のことですが、利用するには「SASS→CSS」へと変換するコンパイラが必要です。

僕はMacとWindowsを両方使うので、基本的に2つのOSで共有できるものが好きです。昔はMacのみ使用していたのでCodekitなどのコンパイラを利用していました。これがまた良いソフトなのですが、Mac専用だったんですよね。

ということでWin/Macで使用できるSASSコンパイラの中でも特にオススメなPreprosを紹介したいと思います。

https://prepros.io/

主な機能

いろいろなGUIコンパイラを使ってきましたが、一番使いやすく機能が一通り詰まっています。

  • 様々な言語のコンパイル(Sass, Less, Stylus, Cssnext, Jade/Pug, Markdown, Slim, Coffeescript など)
  • 文法エラーチェック、Autoprefixer
  • ライブリロード機能(編集したらすぐブラウザに反映されます)
  • ネットワークプレビュー機能(スマホやタブレットでも確認できます)
  • CSS/JSの圧縮、画像の最適化
  • FTP/SFTPに対応(ファイル更新したら自動でアップロードも可能)

英語版しか無い

preprosは英語版しかないので、英語のインターフェイスに慣れていない人には使いにくいかもしれません。ただ、GUIコンパイラは一度プロジェクト設定したらあとは自動で行ってくれるので、設定方法さえ覚えてしまえば難しくはないと思います。

こういったソフトはそもそも楽するためのツールなので、英語が苦手な人にとって余計に時間がかかるのは本末転倒ですね。日本語版のある別ソフトを使用しちゃいましょう。

ライセンスは基本的に有料

基本的に有料ソフトなのでライセンスを購入しないとポップアップが表示されますが、無料で全機能を使い続けることも出来ます。料金は1ライセンスで29$となります。一度購入したライセンスはMac / Win間で共有できます。

以上がpreprosの説明となります。気に入った方はぜひインストールしてお試しください。

コメント