[Middleman 3] Middleman: bower を bundler で管理する Rails Assets を使う

JQuery の gem インストールをしたら、バージョンが古かったため Rails Assets を調べました。

こちらを参考にさせて頂きました。

• MIddlemanでrails-assets.orgをつかってbowerのコンポーネントをつかう | Scimpr Blog
• JavaScript – bowerパッケージをbundlerで管理するRails Assetsを使ってみた – Qiita
• Use Bootstrap-Sass 3.x and Font Awesome (bower-rails vs. rails-assets) – Qiita

jquery-middleman でインストールされるバージョンが古かった

rails/jquery-rails を fork しているようで、懸念事項あり。

jasl/jquery-middleman

gem "jquery-middleman", '~> 3.0.4'

• jasl/jquery-middleman のルールに従わず、require jquery2 で jQuery 2 系をインストールしない。
• Ver.1.10.2 がインストールされた。
• Bower 等で別途インストールが必要そう。

Rails Assets からインストールする

公式サイトで JQuery を探します。

Rails Assets

依存関係を解決してくれるそう。
特に言及はなかったが、以下でバージョンコントロールもできました。

source 'https://rails-assets.org' do
  # gem 'rails-assets-BOWER_PACKAGE_NAME'
  gem 'rails-assets-jquery', '~> 1.11.3'
end

% bundle install --path vendor/bundle

以下を書き足して、動作確認をします。

//= require jquery
alert( 'You are running jQuery version: ' + $.fn.jquery );

ものすごく楽ですね！