はてなフォトっぽいやつを実装してみます。 やり方 view formのinput file は非表示にしておきます（d-noneスタイル）。 Stimulusのcontrollerは file-drop-controller というものを用意し、ドラッグ&ドロップの操作はここで行うようにします。 click時の操…

ググってもあんまり出てこなかったのでメモを残しておきます。 JSは Cropper.js を利用しています。ライセンスはMITです。 こんな感じ やり方 cropper.jsを使って画像を表示し、保存ボタン押下時に切り抜くための情報をRailsに送ります。 Rails側では保存前…

昨日の続きです。 RailsのTurboでAjaxで要素を削除したときにCSSアニメーションさせる方法2（Stimlus化） 画像の登録もTurbo/Stimulusで実施してなかったので修正してみます。 やってみる css fade-in用を追加。 .fade-in { animation: fade-in .4s linear; …