【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のサーバーを再起動すれば完了です!!
お疲れ様でした。



この記事が気に入ったらサポートをしてみませんか?