後へ      Topへ      次へ Rails8 で WEB アプリを作成。開発入門

debug: デバッグ

Rails では、強力なデバッグ方法が用意されています。

GEM debug

Rails でおフォルトで GEM debug が入っています。
コードの途中に debugger と書くと、
その場所で実行が止まり、
(rdbg)
とプロンプトが出ます。
ここでは、普通に Ruby のコードが実行できますし、
Rails の変数の値を確認したり変更したりもできます。

図では、
10行目の debugger で一旦停止し、
target_books.first を実行して、データを確認しています。

WEBアプリを実行してエラーが出たとき、
そのエラーの手前に debugger を入れて、
エラーになる状況を把握＆デバッグできるので便利です。

(rdbg)プロンプトで、以下のコマンドも利用可能です。

• n → 次の一行を実行 (次がメソッド呼び出しの時、メソッドの中に入らない)
• s → 次の一行を実行 (次がメソッド呼び出しの時、メソッドの中に入る)
• c → 通常実行の再開
• q → Railsサーバーそのものを終了
• h → ヘルプ (コマンド一覧の表示)

他にも沢山あります。
詳細が必要であれば GitHub を参照してください。

ロガー

コード中に logger を挿入すると、ログに残すことができます。
動作の流れを見たい時に有用です。

logger.(レベル) "記録する文字列"  
e.g.
logger.debug "BOOK DATA: #{@book.attributes}"

レベルは、以下の5種類

• debug (優先度：低)
• info
• warn
• error
• fatal (優先度：高)

どのレベルまでログに残すかは、
例えば development 環境のデフォルトは「全て」ですが、
warn 以上だけにしたいなら、
\config\environments\development.rb に
config.log_level = :warn
と追記します。

ログは、
development 環境なら \log\development.log に保存されます。

Google Chrome デベロッパーツール

JavaScript のデバッグなら、こちらが有用です。

Google Chrome を普通に起動し、
WEBアプリを開きます。
F12 キーを押すと、ブラウザ右側にデバッグ画面が現れます。

実際の画面を使って説明します。

① の「ソース」を選択します。
デフォルトで、デバッグ画面は３つに分かれていて、

• ② 左：ページ
  ファイル構成が Tree表示されています。
  例えば、
  Floor,Cabinet,Step 選択の JavaScript コードを見たいなら、
  top → localhost:3000 → assets → controllers → select_place_controller.js
• ③ 中：実際のコード
  左で選択したファイルのコードが表示されます。
  行番号をクリックすると、そこがブレークポイントになります。
  実行中ここに来ると、実行が一旦止まって変数の値を確認したり変更したりもできます。
• ➃ 右：情報
  右上の矢印アイコンなどでステップ実行ができたり、
  スマートウォッチで変数の中身を見れたり、
  色々な条件でブレークポイントを設定できたりします。

後へ      Topへ      次へ Rails8 で WEB アプリを作成。開発入門