codekitの使い方と購入方法

Pocket

sass&compassを使っているときになくてはならないのが、コンパイラー。ターミナルから使用している人も多いかもしれませんが、もっと手軽に使いたい!黒い画面嫌!という方にオススメなのがcodekitです。

codekitを使えばいちいちターミナルで設定する必要もなくただ起動しておくだけで簡単にsass&compassのコンパイルを実行してくれます。

codekit
codekitの購入方法-designup
codekitは10日間無料で試用できるためまずはダウンロードして使ってみて下さい。codekitの期間が切れたら$28で購入できます。では使い方と購入方法を紹介していきます。

codekitの使い方

使い方はものすごく簡単。アプリにコンパイルしたいフォルダをドラッグ&ドロップして、右クリックメニューからcompassを選択。
codekitの使い方
そのあとポップアップメニューでcleate new fileを選択。config画面が出てくるのでcompassの初期設定(フォルダ名など)をしておきます。
codekitの使い方2
設定が出来たら、あとは普通にsassファイルにコードを書いて普通に保存すれば自動的にコンパイルされます。
codekitの使い方3

codekitの購入方法

試用期間が切れたら購入してシリアルナンバーを入力する必要があります。公式サイトのトップからBUYボタンを押して購入ページへ。
CodeKit購入方法2
必要事項を入力すれば、登録したメールアドレスにシリアルナンバーが送られるのでコピペして登録すれば完了。

sass&compassは慣れないうちは違和感があるんですが、慣れると非常に使いやすく、便利ですね。もうこれなしでCSSを書くのがめんどくさくなるくらい。

codekitを使えば特定のコードエディターに限らずいろんなエディターでコンパイルできるのでさらにsass&compassが便利になります!是非使ってみて下さいね:)