読者です 読者をやめる 読者になる 読者になる

じぶんメモ

プログラミングのメモ、日常のメモとか。

Railsにtwitter bootswatchを導入する

Railsにbootswatchを導入する際にはまったのでメモ。

導入方法

gem 'twitter-bootswatch-rails-helpers', '~> 3.2.0.0'
gem 'twitter-bootswatch-rails', '~> 3.2.0'

# bootswatch適用に必要
gem 'less-rails'
gem 'execs'

Gem fileに記入したらインストール。

tommy1218:~/workspace $ bundle install
tommy1218:~/workspace $ rails g bootswatch:install テーマ名
tommy1218:~/workspace $ rails g bootswatch:import テーマ名

インストール完了後は、assetの読み込み対象に追加する。

/*
 *= require_tree . 
 *= require_self
 *= require テーマ名/loader
 *= require テーマ名/bootswatch
*/
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require yeti/loader
//= require yeti/bootswatch

これで準備OK。

エラーが発生した場合

rails起動時にコンポーネントが足りないとエラーが発生する。
twitter-bootstrap-railsを一緒にGemに入れていると、
インストール時に競合してしまい、うまく起動しなくなる。
bootswatchを使用する場合はtwitter-bootstrap-railsをGemから削除したほうがよさそう。