omiend https://blog.hatena.ne.jp/omiend/ the industrial https://omiend.hatenablog.jp/ PROGRAMMING RubyOnRails Rails JavaScript Cropper.js 作ったもの よく、SNSで利用するようなアイコンをアップロードする際、好きな箇所で切り取る処理を作成してみたのでメモがてら書いていく。 こんな感じの動き。 開発環境について 前回作成した下記エントリーの開発環境をそのまま利用。 omiend.hatenablog.jp 変更点として、users Model と employees Modelの使い方を、思っていたのと間違えていたっぽいので修正。 users : deviseで利用するアカウント情報として利用 employees : 社員管理 ソース コチラ に配置しているので、よかったらツッコミおなしゃす。 docker−compose環境があ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fomiend.hatenablog.jp%2Fentry%2F2017%2F10%2F03%2F152439" title="Rails5 + Cropper.js + carrierwave で作る画像クロップ処理 - the industrial" 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/o/omiend/20171003/20171003152122.gif Hatena Blog https://hatena.blog 2017-10-03 15:24:39 rich https://omiend.hatenablog.jp/entry/2017/10/03/152439 1.0 100%