現状

ブログのトップ画像は固定表示になっています。

改修後

ブログのトップ画像を複数枚の画像が一定間隔で切り替わるようしてください。切り替わる画像は、管理画面でアップロードと削除ができるようにしてください。faviconやog-imageに関しても、個別に削除できるようにしてください。main_imagesには、複数の画像を一度に登録できるようにしてください。

補足

jQueryプラグインの swiper を導入して進めましょう。

https://swiperjs.com/

注意点

管理画面で登録したブログのトップ画像のclass名は main_image に設定してください。解答例のコードは作成時点から時間が経ったことで、現在よりも古いSwiperの記法となっております。

完成形

https://t.gyazo.com/teams/startup-technology/db729deeaf467bd1db31dc2397fa933c.gif

https://i.gyazo.com/c751e8f6c786360e97c78971bf537233.gif

ActiveStorageとは

Amazon S3、Google Cloud Storage、Microsoft Azure Storageなどの クラウドストレージサービスへのファイルのアップロードや、ファイルをActive Recordオブジェクトにアタッチする機能を提供します。development環境とtest環境向けのローカルディスクベースのサービスを利用できるようになっており、ファイルを下位のサービスにミラーリングしてバックアップや移行に用いることもできます。

以下のリンクを参考にして、課題に取り組みましょう!

Active Storage の概要 - Railsガイド

ActiveStorageを使った画像の削除

今回の要件では、ブログのトップ画像を削除できる機能が必要となります。削除についてはRailsガイドを参考に対象のオブジェクトに purge メソッドを実行することで実装できます。