Study-Diary https://blog.hatena.ne.jp/Study-Diary/ Programming Journal https://study-diary.hatenadiary.jp/ Rails Active Storage Simple Form 実装したいこと 記事投稿アプリで、記事のアイキャッチ画像を設定できます。 アイキャッチ画像をユーザーの入力した幅に設定したい。 アイキャッチ画像をユーザーの選択した位置に設定したい。 前提 記事投稿の機能は実装済です。 今回は画像の表示を変更する部分のみの実装です。 ファイルのアップデートはActive Storageを使用しています。 どう実装していけばいいか どうやって実装するか全く思いつかず、数時間悩んでしまいました。。シンプルにデータの流れと入出力を順を追って考えたら何とか実装できました。 ユーザーが入力フォームに値を入力する 入力値を受け取って、保存する。 画像を表示するときに、保存… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fstudy-diary.hatenadiary.jp%2Fentry%2F2020%2F10%2F16%2F122230" title="【Rails】ユーザーの入力値を画像表示に反映させる - Programming Journal" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/S/Study-Diary/20201016/20201016113033.png Hatena Blog https://hatena.blog 2020-10-16 12:22:30 rich https://study-diary.hatenadiary.jp/entry/2020/10/16/122230 1.0 100%