Railsにこれから初めて触れる方を対象にしたチュートリアルです
sweetalert-railsという綺麗なalertを表示してくれるgemを導入するチュートリアルです
まず、rails newを実行し、Railsアプリのひな型を作成します
rails new sweetalert
次に、作成したRailsアプリのディレクトリへと移動します
cd sweetalert
先ほどのrails newでsqlite3のインストールがエラーになっている場合は、以下のようにバージョンを修正します
gem 'sqlite3', '1.3.13'
その後、bundle installを実行します
bundle install
これでOKです！
rails g controllerコマンドを使用して、Viewを作成します
rails g controller web index
その後、config/routes.rbを編集します
Rails.application.routes.draw do
root 'web#index'
get 'web/index'
# For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
end
Viewの作成はこれでOKです！
それではSweetAlertを導入していきたいと思います
まず、Gemfileにgem 'sweetalert-rails'を追加します
gem 'sweetalert-rails'
その後、bundle installを実行します
そして、app/assets/javascripts/application.jsに以下のコードを追加します
//= require sweetalert
次に、app/assets/stylesheets/application.cssに以下のコードを追加します
*= require sweetalert
これでSweetAlertを使えるようになりました！
最後に、app/views/web/index.html.erbに以下のコードを追加します
<script type="text/javascript">
sweetAlert("Hello Ruby on Rails!")
</script>
あとは、rails sを実行し、localhost:3000にアクセスしてください
画面にHello Ruby on Rails!と表示されていればOkです！