pry-debuggerを使ってみた
railsのデバッグ時に、シンタックスハイライトされるのが羨ましくて
pry-debuggerを使ってみました。
単にインストールするだけでなく、ショートカットキーも自分の好みに
設定したので、以下にそのときの手順をメモとして載せておきます。
◆インストール
1.gemに以下を追加。(developmentのところ)
group :development,:test do
gem 'pry-debugger'
end
2.以下のコマンドを実行し、インストールする。
bundle install
◆ショートカットキーの設定
1.「.pryrc」ファイルをルート直下に作成する。
2.以下の定義を記述する。
Pry.commands.alias_command 'c', 'continue'
Pry.commands.alias_command 's', 'step'
Pry.commands.alias_command 'n', 'next'
Pry.commands.alias_command 'f', 'finish'
Pry.commands.alias_command 'q', 'quit'
簡単ですが、以上です。
◆(追記)ショートカットキー
1.「.pryrc」ファイルに以下の定義も記述する。
Pry.commands.alias_command 'b', 'break'
Pry.commands.alias_command 'r', 'reload-method'
◆(追記)Ruby2.0でnextするとstepしてしまう問題
gemでインストールするのを'pry-debugger'ではなく
'pry-byebug'にすると、上手く行きました。
twitter-bootstrap-railsの導入
デザインが得意でないプログラマとしては、twitter bootstrapは多いに利用したいところです。
railsで使用する場合には、twitter-bootstrap-rails が便利そうなので、試してみました。
以下、その時の手順です。
◆インストールからrailsの実行まで
1.Gemfileに以下を追加し、bundle install。
gem "twitter-bootstrap-rails"
2.以下を実行し、必要なものをインストール。
rails g bootstrap:install
3.rails s でアプリを実行し、アクセスすると、以下のエラーが発生。
cannot load such file -- less
4.Gemfileに以下を追加し、bundle install。
gem "less-rails"
参考にしたのは、以下のサイト
Ruby on Rails error “cannot load such file — less”
5.再度、rails s を行い、アプリが起動することを確認する。
◆アプリケーションテンプレートの作成
1.以下を実行し、テンプレートを作成する。
rails g bootstrap:layout application fixed
2.ヘッダー部のバーとコンテンツが重なるのを防ぐ設定をする。
app\assets\stylesheets\bootstrap_and_overrides.css.less に以下を追加。
body { padding-top: 60px; }
◆余談・・・twitter bootstrapのボタンデザインについて
http://www.plugolabs.com/twitter-bootstrap-button-generator/
このサイトを使うと、ボタンの作成が楽にできそうです。
以上です。
