devcontainer for Ruby on Rails 6.1

Ruby on Rails 6.1 の開発環境用の devcontainer

構成

docker compose で構成

• app: ruby:2.7.6-bullseye
• postgres: postgres:14

機能

• formatter:
  • Ruby: rufo
  • ERB: erb-formatter
  • HTML, CSS, JS: Prettier
• Intellisense: solargraph
• debugger: ruby-debug-ide, debase

devcontainerの利用方法

※ devcontainer に必要なツールのインストールはこちら

このリポジトリを新規プロジェクトで利用する場合

1. VSCodeを開き、 Reopen in Container を実行す

既存のプロジェクトで利用する場合

1. このリポジトリをダウンロードし、任意のプロジェクトに以下をコピーする

• docker-compose.yml
• docker/app/Dockerfile
• .devcontainer
• .vscode

2. VSCodeを開き、 Reopen in Container を実行する

サーバーの立ち上げ方

devcontainer上で、コマンドを実行する

$ bin/rails s

devcontainer上で、 デバッグを実行 を実行する(ショートカットキー: F5)

デバッグを実行 を利用するとVSCode Debuggingが利用可能

デバッグを実行するためには ruby-debug-ide , debase gem のインストールが必要

docker composeのみで実行する場合

VSCode以外の環境で開発する場合は、docker composeを利用することができる。 Makefile コマンドが用意されている。各コマンドはHost OS上で実行する。

初回構築

$ make build

サーバーを起動する

$ make serve

VSCode extensions

• rebornix.Ruby
• castwide.solargraph
• elia.erb-formatter
• redhat.vscode-yaml
• jemmyw.rails-fast-nav
• aki77.rails-db-schema
• hridoy.rails-snippets
• kaiwood.endwise
• VisualStudioExptTeam.vscodeintellicode
• esbenp.prettier-vscode

リファレンス

• Visual Studio Code Doc - Developing inside a Container
• VS Code Solargraph Extension
• vscode-ruby debugger