rubyの変数をjavascriptで使う。

色々方法はあるみたいですが、今回実行した方法。

結論

index.html.erb



@test = { 'hoge' => 'huga', 'hogehoge' => 'hugahuga' }

<div id="hoge" data-hoge-id="<%= @test.to_json %>"></div>

<script>
  var test = $('#hoge').data('hoge-id');
</script>

たったこれだけでした。

他にも"gon"というgemを使っても実装できるとの事。