【Rails】fancybox2-rails 導入する【2019年4月1日】
はじめに
Rails5でのfancybox2-railsを導入手順を書いていく。
環境
macOS Mojave 10.14.3
ruby 2.6.1p33
Rails 5.2.2.1
1.必要なgemをインストールする
gem 'jquery-rails'
gem 'fancybox2-rails', '~> 0.2.7'
2.bundle install
bundle installをしてアプリケーションのバンドルを更新する。
$ bundle install
3.JavaScriptのファイルを編集する
app/assets/javascripts/application.js 内に以下の文を追加する
//= require jquery
//= require fancybox
4. cssのファイルを編集する
app/assets/stylesheets/application.css 内に以下の文を追加
/*
*= require_self
*= require fancybox
*= require_tree .
*/
5.再起動しよう!!
最後にRailsのサーバーを再起動すれば完了です!!
お疲れ様でした。
この記事が気に入ったらサポートをしてみませんか?