【gon】jsでRails変数を取得する

Railsでjsライブラリを使うときに楽にRailsで定義した変数をJavaScriptに渡したい！楽したい！

プログラマ三大美徳

1.怠慢(Laziness)
2.短気(Impatience)
3.傲慢(Hubris)

まさにこれですね。

何を使うか?

RailsといえばGemですね。[gon]というgemです。
https://github.com/gazay/gon

インストール

Gemfileに記載

Gemfile

gem 'gon'

ターミナルからインストール

ターミナル

bundle install

読み込み設定

application.html.erb

<%= include_gon %>
<%= javascript_include_tag "application" %>

使ってみる

****.controller.rb

gon.user_name = 'my name is imaizumi'

****.js

console.log(gon.user_name)

バッチリ変数を渡せました