Railsに初めて触れる方を対象にしたチュートリアルです
gonというRubyのコードからJavaScriptへと変数を簡単に渡せるgemを導入するチュートリアルになります
まず、rails newを実行し、Railsアプリのひな型を作成します
rails new gon_sample
次に、作成したRailsアプリのディレクトリへと移動します
cd gon_sample
先ほどのrails newでsqlite3のインストールがエラーになっている場合は、以下のようにバージョンを指定してください
gem 'sqlite3', '1.3.13'
その後、bundle installを実行します
bundle install
rails g controllerコマンドを使用して、Viewを作成します
rails g controller web index
その後、config/routes.rbを編集します
Rails.application.routes.draw do
root 'web#index'
# For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
end
Viewの作成はこれでOKです！
まず、Gemfileにgem 'gon'を追加します
gem 'gon'
その後、bundle installを実行します
bundle install
次に、app/views/layouts/application.html.erbの<head>タグ内に以下のコードを追加します
<%= include_gon %>
その後、app/controllers/web_controller.rbのindexアクションを以下のようにします
def index
gon.hogehoge = "hogehoge"
end
最後に、app/assets/javascripts/application.jsに以下のコードを追加します
alert(gon.hogehoge);
あとは、rails sを実行して、ローカルサーバを起動します
rails s
localhost:3000にアクセスし、ポップアップでhogehogeと表示されていればgonの導入はOKです！