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 &quot;https://rubygems.org&quot;  gem &quot;zurb-foundation&quot;, &quot;3.2.5&quot;  gem &quot;compass&quot;

作ったら、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!

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

Blog