Skip to content

Extension のインストール

miau715 edited this page Apr 26, 2013 · 2 revisions

Extension のインストール

Compass.app は様々なビルトイン extension を提供しています:

  • Blueprint (built-in to Compass)
  • Compass (built-in to Compass)
  • 960 Grid Sytem
  • HTML5 Boilerplate
  • Bootstrap
  • Susy
  • Zurb Foundation

他の extension を使用したい時は、2つ方法があります:

Compass.app の機能を使用します

Compass.app のアイコンをクリックして、 "Open Extensions Folder" を選んでください。 Compass.app は extension インストール用フォルダを開いてます。 Compass.app 起動の時は自動的にこのフォルダ中の extension をロードします。そして、インストールした extension は Compass.app watch しているプロジェクトが使えられます。更に、 "Create Compass Project" メニューもこの extension を選ばれます。

新しい extension をインストール以外、ビルトイン extension の異なるバージョンを使用したい時も同じ方法でデフォルトを書き替えられます。

例: Fancy Buttonsをインストール

ここは fancy-buttons のインストールを例に説明します:

  1. fancy-buttons の ZIP ファイルをダウンロードします
    img-1
  2. ZIP ファイルを解凍します。
    img-2
  3. "lib" フォルダを開いて、パス指定用のファイルがあります。この例には "fancy-buttons.rb" です。
    注意: extension フォルダのフォルダネームは必ずこのファイルと同じ名前を変更します。この例には "fancy-buttons" です。
    img-3
  4. Compass.app のアイコンをクリックして、 "Open Extensions Folder" を選んで、extension インストール用フォルダは開いてます。
    img-4
  5. 名前を変更した extension フォルダをこのフォルダの中に移動します。
    img-5
  6. Compass.app を終了させて、そしてもう一回起動します。 "Create Compass Project" メニューを見ると、新しい "fancy-buttons" extension があります。
    img-6

Ruby gem を使用します

注意!上級ユーザーのみにお勧めします!

"preference" の中に "Compass Version: Custom" を選んで、gem パスを指定出来ます。 Compass.app はこの gem をロードしてみます。でも Compass.app は JRuby を使用しますので、 native gem は使えられません。