これまでに作った機能について簡単にまとめていく。

今回は、

カルーセルの作成

前提条件

Rails5系を使用していること

jQueryが導入されていること
画像の複数投稿ができること
画像の複数投稿はこちら

使用モデル

Blogモデル

  カラム データ型
1 title string
2 content text
3 images string

slickの導入

今回はCDNを使用
こちらより以下を導入
slick.min.css
slick-theme.min.css
slick.js

app/views/layouts/application.html.erb

カルーセルの導入

app/assets/javascripts/blog.js

指定するオプションはこちらより適宜選択

以上で作成完了