【Rails6+Docker】の開発環境下で画像投稿機能を実装する際、とても苦労したため備忘録に残しておきます。

前提

・各種モデル、コントローラー、ビューは作成済み
・画像だけが表示されない状態

失敗例　carrierwave、minimagickの利用

はじめのうちは、carrierwave、minimagickを使って画像投稿機能の実装を試みました。

Carrierwaveの導入には「ImageMagick」がインストールされている必要があるみたいでしたので
下記のとおり、DockerfileにImageMagickをインストールする記述を追記

# Dockerfile
FROM ruby:3.0.0

RUN apt-get update -qq && \
    apt-get install -y build-essential libpq-dev nodejs vim imagemagick     #←追記

RUN apt-get update && apt-get install -y curl apt-transport-https wget && \
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add - && \
echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list && \
apt-get update && apt-get install -y yarn

RUN curl -sL https://deb.nodesource.com/setup_10.x | bash - \
        && apt-get install -y nodejs

RUN mkdir -p /var/www/remote-work-space

WORKDIR /var/www/remote-work-space

ADD Gemfile /var/www/remote-work-space/Gemfile
ADD Gemfile.lock /var/www/remote-work-space/Gemfile.lock

RUN gem install bundler
RUN bundle install

ADD . /var/www/remote-work-space

RUN mkdir -p tmp/sockets
RUN mkdir -p tmp/pids

追記をして保存したら、$ docker-compose build --no-cacheを実行。
すると・・・

executor failed running [/bin/sh -c apt-get update -qq &&     apt-get install -y build-essential libpq-dev nodejs yarn vim imagemagik]: exit code: 100
ERROR: Service 'app' failed to build : Build failed

とエラーが返ってきて上手く行きませんでした。

そこで違う方法として、Active Storageを用いた実装を試してみたところ、上手くいきました。

成功例　Active Storageの利用

▼参考記事▼

重要コマンド　（Active Storageのインストール）

$ docker-compose exec app bundle exec rails active_storage:install

docker-compose exec app bundle exec rails db:migrate

Gemfile

# Use Active Storage variant
# gem 'image_processing', '~> 1.2'

↓ コメントアウトを外します

# Use Active Storage variant
gem 'image_processing', '~> 1.2'

これによりImageProcessing経由で画像処理されます。

$ docker-compose buildでインストール完了後、「app/views/posts/index.html.erb」を確認してみると・・

今度こそ画像が表示されました！！！