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

これは開発捗りそう♪

🚜 参考リンク

📚 おすすめの書籍

🖥 サーバについて

このブログでは「Cloud Garage」さんのDev Assist Program(開発者向けインスタンス無償提供制度)でお借りしたサーバで技術検証しています。 Dev Assist Programは、開発者や開発コミュニティ、スタートアップ企業の方が1GBメモリのインスタンス3台を1年間無料で借りれる心強い制度です!(有償でも1,480円/月と格安)