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

脳汁portal

アメリカ在住(だった)新米エンジニアがその日学んだIT知識を書き綴るブログ

Railsでbootstrapと任意のversionのjqueryを使う方法

install bootstrap

まずはbootstrapをinstallします

cd /usr/local/src
wget https://github.com/twbs/bootstrap/releases/download/v${VERSION}/bootstrap-${VERSION}-dist.zip
unzip ${downloaded_file}
cd ${unziped_directory}
cp css/bootstrap.css  ${Rails_root}/app/assets/stylesheets/
cp js/bootstrap.js    ${Rails_root}/app/assets/javascripts/

install Jquery

次にjqueryのinstallです
そもそもrailsにはデフォルトでjqueryのgemが入っています(jquery-rails)
これを使う際には何もしなくていいですが、手動で最新versionのjqueryをinstallして使用したい場合の手順です

既存のjquery gemを削除
vi Gemfile
# gem 'jquery-rails' # ==> コメントアウトする
 
vi app/assets/javascripts/application.js
###以下の2行を削除
//= require jquery
//= require jquery_ujs
 
bundle install
最新版をinstall
cd /usr/local/src
wget http://code.jquery.com/jquery-${VERSION}.js
cp jquery-${VERSION}.js  ${Rails_root}/app/assets/javascripts/
 
vi app/assets/javascripts/application.js
### Jqueryはbootstrapよりも先に読み込まなければならないので、
### //= require_tree .の前に以下を追加
//= require jquery-${VERSION}