作ったもの よく、SNSで利用するようなアイコンをアップロードする際、好きな箇所で切り取る処理を作成してみたのでメモがてら書いていく。 こんな感じの動き。 開発環境について 前回作成した下記エントリーの開発環境をそのまま利用。 omiend.hatenablog.jp 変更点として、users Model と employees Modelの使い方を、思っていたのと間違えていたっぽいので修正。 users : deviseで利用するアカウント情報として利用 employees : 社員管理 ソース コチラ に配置しているので、よかったらツッコミおなしゃす。 docker−compose環境があれば、my_strongest_ror/docker/start.sh を叩くだけで動きます(たぶん)。 準備 - Cropperのダウンロード&配置 Cropper.js から cropper.mi
![Rails5 + Cropper.js + carrierwave で作る画像クロップ処理 - the industrial](https://cdn-ak-scissors.b.st-hatena.com/image/square/0ec7fde8ad83dd241b660b3587c6dce0c80778fa/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fo%2Fomiend%2F20171003%2F20171003152122.gif)