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


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

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


🎂 サンプル

🗻 Gemインストール

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

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

😸 キャッシュクリア

いったんキャッシュを削除

$ rm -rf tmp/cache/assets

🎃 application.jsの変更

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

// application.js
//= require jquery
//= require xray
...
// 以下、backboneを使っている場合のみ
//= require backbone
//= require xray-backbone

これは開発捗りそう♪

🗽 参考リンク

📚 おすすめの書籍