More than 3 years have passed since last update.

コンテナ上のデバッグ環境構築 - DockerでRailsチュートリアルのローカル開発環境構築 -

Last updated at 2020-08-10Posted at 2020-08-09

はじめに

Dockerでローカル開発環境構築を行い、Railsチュートリアルを再走しております

今回はRailsチュートリアルの7章に相当する部分で、
Dockerコンテナ上で開発を行っている場合にデバッグを行う内容を紹介します

Dockerのコンテナ上で操作する場合はターミナルのコマンドを適宜

$ docker-compose run app ...

もしくは

$ docker-compose exec app ...

で置き換えてください。

$ docker attach $(docker-compose ps -q app)

これでデバッグコンソールが使用できます

デバッグをquitで抜けると
コンテナが終了してしまうのでrails serverも落ちる
これではすごく使い勝手が悪いなと思ったら

コンテナからデタッチ（Control P -> Control Q）するだけなら、コンテナを終了しなくて済むとのこと

ただ、VS Codeのコンソールで操作していると
Control P , Control Qは他のショートカットに割り当てられない

これはコンテナでタッチキーを置き換えることで解決方法とのことです

~/.docker/config.jsonに設定を記述します

vi ~/.docker/config.json

{
  # ...省略
  "detachKeys": "ctrl-e"
}

私は control + eでデタッチできるように設定しました

VS codeのデバッグ機能から、デバッグ用のコンテナを立ててデバッグする方法もあるようです

シームレスで便利そうだと思ったのですが
ここまででちょっと時間を使ってしまったのでまた別の機会に追記します

自分用メモ

いずれもBootstrapのバージョンが異なることに起因します
あまり時間を掛けて調べる意味もない気がするので

Bootstrapのバージョンは合わせた方がいいかもしれません

#修正前
col-md-offset-3
#修正後
offset-md-3

$text-danger: #dc3545;

# ...中略...

.field_with_errors {
  @extend .has-error;
  .form-control {
    color: $text-danger;
  }
}

.has-error -> :invalid

$text-danger: #dc3545;

# ...中略...

.field_with_errors {
  @extend :invalid;
  .form-control {
    color: $text-danger;
  }
}