実装したいこと

1. 記事投稿アプリで、記事のアイキャッチ画像を設定できます。
2. アイキャッチ画像をユーザーの入力した幅に設定したい。
3. アイキャッチ画像をユーザーの選択した位置に設定したい。

実装の流れ

1. ユーザーの入力値を保存するためのカラムを追加する。
2. 入力フォームを追加する。
3. 画像表示部分のclassを動的に変更する。

カラム追加

rails g migration AddColumnToArticles 　eyecatch_width:integer
#画像幅　eyecatch_position :integer#画像位置

rails db:migrate

モデルに対して Active Storage用の設定を追加する

一つのファイルを選択する

has_one_attached :カラム名

複数のファイルを選択する

has_many_attached :カラム名

article.rb

has_one_attached :eye_catch

上記をすれば、わざわざarticleテーブルにカラムを追加する必要がないので便利

enum設定