Blog

Zurb Foundation 4 と 3 を併用する

Posted by admin at 17:13 日時 2013/06/06

昨日の記事でSass版のFoundation 4のインストールに成功したのですが、もうひとつFoundation 3で進めている案件もありまして、両方使うにはどうしたらいいのかなと。調べたところ、Rubyアプリケーションの依存関係を解決してくれるBundlerというしくみを使うのがよさそうです。

とりあえずbundlerをインストールします(Macはsudoが必要です)。

$ sudo gem install bundler

次にFoundation 3でプロジェクトを作りたいディレクトリに移動して、Gemfileというテキストファイルを作ります。

source "https://rubygems.org"  gem "zurb-foundation", "3.2.5"  gem "compass"

作ったら、compass create コマンドを bundle exec コマンドを通して実行します

$ bundle exec compass create . -r zurb-foundation --using foundation

あら、怒られた

Could not find gem 'zurb-foundation (= 3.2.5) ruby' in the gems available on this machine.  Run `bundle install` to install missing gems.

bundle installしてないよ、というエラーでした。失礼いたしました

$ sudo bundle install

しばらく待ちますと

Your bundle is complete!  Use `bundle show [gemname]` to see where a bundled gem is installed.

ほうほう。bundle show コマンドでどのバージョンがインストールされているかどうか確認できるそうだ。

$ bundle show zurb-foundation  /Library/Ruby/Gems/1.8/gems/zurb-foundation-3.2.5

無事Foundation 3.2.5が入りました。では気を取り直して。

$ bundle exec compass create . -r zurb-foundation --using foundation

Foundation 3 が入りました!

さて、さっそくコンパイルしてみようか…。

$ bundle exec compass watch

ありゃ、Syntax Error。どうやらバージョン4のFoundationを読み込んでしまっている模様。config.rbの require ‘zurb-foundation’ の前に、バージョンを明示すれば解消する。

gem 'zurb-foundation', '=3.2.5'  require 'zurb-foundation'

こちらの記事が参考になりました。Thanks!

ZS Labs – Versioned Dependencies with Compass

こういう失敗して解決しました系のブログ記事って、書かれてあるとおりに失敗しちゃいますよね。最後まで読めという話ですがw


Share this entry

Blog Entry Topics