酒と泪とRubyとRailsと

Ruby on Rails と Objective-C は酒の肴です!

Xray-rails Railsのviewがどこに表示されているかをわかりやすくする

brentd/xray-rails - GitHub』RailsのテンプレートやBackboneのviewが画面上のどこに表示されているかを視覚的に表示してくれるGemです。

Railsの開発時に便利なのでぜひ使ってみてください。


サンプル

Gemインストール

Gemfileに以下を追加して、bundle installを実行。

1
2
3
4
5
# Gemfile
group :development do
  # viewの構造を表示 (cmd+shift+x)
  gem 'xray-rails'
end

キャッシュクリア

一旦キャッシュを削除

1
$ rm -rf tmp/cache/assets

application.js の変更

あとは以下を追加するだけ。

1
2
3
4
5
6
7
// application.js
//= require jquery
//= require xray
...
// 以下、backboneを使っている場合のみ
//= require backbone
//= require xray-backbone

これは開発捗りそう♪

Special Thanks

おすすめの書籍