README

What

1. 画像プレビュー要素のサイズを動的に変更
   1. flexboxを使用して動的にimageとinputを変化
      1. flex-wrapで"images"が"500px(image５枚)"の時に折り返し
      2. flex-growでfile_fieldを動的に伸縮

Why

• メルカリ画像投稿機能の細分化

gem list

• pry-rails
• jquery-rail
• haml-rails
• carrierwave

構築手順

• productテーブル作成(name:string)
• imageテーブル作成(image:string, product_id:外部キー)
• 親 productモデル 子 imageモデル で構築
• "carrierwave"導入後、以下のコードを実行

rails g uploader images

• image モデルに以下の一文を追加

mount_uploader :image, ImagesUploader

参考記事

• jqueryで要素を入れえる
• flexチートシート
• flex-grow