【rails】binding.pryの使い方について質問させてください。

Question

ruby初心者です。表題の使い方について質問させてください。

問題点

binding.pryをviewのscriptタグ内において、変数に入った値を確認していますが、NameErrorが出てしまいます。

現象

やりたいこと

①以下のコードの、unavailableDayに値が格納されているか、
②dayに値が入っているか、
③holidaysに値が入っているか、
を確認したい。

疑問点（確認したい点）

①binding.pryはerb内ではどこでも使えると考えていましたが、別の使い方があるのでしょうか？
②なぜ、NameError: undefined local variable or methodがでるのでしょうか？
③terminal内で異なる調べ方があるでしょうか？

コード

<script>
$(function(){

  //①予約できない日を配列で確保

  var unavailableDay = <%= @bookings %>;
　
  $.each(unavailableDay,function(objID,objValue){
    for(var i = 0; i <= objValue.length; i++){
      var day = new Date(objValue.start_date);
      holidays.push($.datepicker.formatDate("yy/mm/dd",day));
    }
  });

  var holidays = [];
  <% binding.pry %>



  //②datepickerで予約できない日を除く日程を選択
  $("#datetimepicker1").datepicker({
    dateFormat: "yy/mm/dd",
    maxDate: "+2m",
    minDate: 0,
    beforeShowDay: function(date) {
    // 予約日の判定
    for (var i = 0; i < holidays.length; i++) {
        var htime = Date.parse(holidays[i]);    // 祝日を 'YYYY-MM-DD' から time へ変換
        var holiday = new Date();
        holiday.setTime(htime);                 // 上記 time を Date へ設定

        // 祝日
        if (holiday.getYear() == date.getYear() &&
            holiday.getMonth() == date.getMonth() &&
            holiday.getDate() == date.getDate()) {
            return [false, 'holiday'];
        }
    }
    // 予約日以外
    return [true, ''];
    }
  });

});
</script>

Answer 1

erbで生成されたスクリプトをブラウザが読み込む事でjsとして実行されます。
ruby側からみるとその部分は

puts "var holidays =[];"

くらいの関係性しかないです

var holidays = [];
console.log(holidays);

とすることでブラウザのコンソールに表示することはできます。

Firefox以後のモダンなブラウザはjavascriptデバッガを搭載していることが多いので
ブラウザ上でF12を押してみるなりして調べてみてください

Answer 2

上で宣言されているholidaysはJavaScriptの変数で、Rubyから見れば「ただの文字列」なので、変数としては存在しません。

JavaScriptのコンソールを使いたい場合は、debugger;と書けば（コンソールを開いた状態だと）そこで止まります。

Comments

[YousukeTanaka]

ご回答ありがとうございます。私の理解が誤っていたことがわかり、感謝しています。jsでは、別の確認方法を使うことがわかり、大変助かりました。

Answer 3

その部分のコードはCoffeScript（javascript）に見えます。
pryで参照できるのはrubyコード上の変数などですので、holidysは参照できないのです・・・。

javascriptを解析するには、console.logで変数をWEBブラウザのコンソールに出力させるか、WEBブラウザの開発者ツールでブレークポイント置いたりしてやって下さい。

Comments

[YousukeTanaka]

ご回答ありがとうございます。私の理解が誤っていたことがわかり、感謝しています。jsでは、別の確認方法を使うことがわかり、大変助かりました。