guard-livereloadを使う

viewのファイルやjs, cssを更新した時に、ブラウザが自動更新するようになる。

導入

Gemfileに追加して、gemをインストールする。

Gemfile

group :development do
  gem 'guard-livereload'
end

$ bundle install
$ bundle exec guard init livereload

Guardfileが作成されて以下の内容が追加される。監視するファイルはプロジェクトによって適宜変更するとよさそう。

Guardfile

guard 'livereload' do
  watch(%r{app/views/.+\.(erb|haml|slim)$})
  watch(%r{app/helpers/.+\.rb})
  watch(%r{public/.+\.(css|js|html)})
  watch(%r{config/locales/.+\.yml})
  # Rails Assets Pipeline
  watch(%r{(app|vendor)(/assets/\w+/(.+\.(css|js|html))).*}) { |m| "/assets/#{m[3]}" }
end

guardを起動する。

$ bundle exec guard

livereloadのブラウザ拡張をインストールする。chrome拡張
拡張機能の設定で「ファイルの URL へのアクセスを許可する」にチェックを入れる。
firefoxのアドオンではなぜかうまくいきませんでした。（設定等必要？？）

Rails等を起動する。

これでGuardfileで指定されたファイルを更新すると、ブラウザが自動更新するようになる。

参考

• guard/guard-livereload · GitHub
• guard/guard · GitHub

あとがき

書いてから気づいたけど、ほぼ README の内容だったorz