dockerize of development

.env.sample

@@ -1,8 +1,3 @@
-DATABASE_USER=root
-DATABASE_PASSWORD=
-DATABASE_HOST=localhost
-DATABASE_SOCKET=/tmp/mysql.sock
-
 EC2_PRODUCTION_HOST=52.199.95.54
 EC2_PRODUCTION_PROTOCOL=http
 

README.md

@@ -5,20 +5,55 @@
 [![Test Coverage](https://api.codeclimate.com/v1/badges/cef3c1298621fa26dd1c/test_coverage)](https://codeclimate.com/github/kure-kosen/cho_kure_web/test_coverage)
 
 ## Ruby version
-```
-% ruby -v
+
+```bash
+$ ruby -v
 ruby 2.4.2p198 (2017-09-14 revision 59899) [x86_64-darwin16]
 ```
 
-## Setup
+## Setup without Docker
+
 以下を実行すればセットアップは完了するはず。
-mysqlに接続できなければ `.env` を編集して自分の環境に合わせてください。
+mysql に接続できなければ `.env` を編集して自分の環境に合わせてください。
+
+```bash
+... installed ruby, mysql
+$ git clone [email protected]:kure-kosen/cho_kure_web.git
+$ cd cho_kure_web
+$ bin/setup
 ```
-git clone [email protected]:kure-kosen/cho_kure_web.git
-cd cho_kure_web
-bin/setup
+
+## Setup with Docker
+
+### Common
+
+```bash
+$ git clone [email protected]:kure-kosen/cho_kure_web.git
+$ cd cho_kure_web
+```
+
+### Backend
+
+```bash
+... installed docker-compose
+$ docker-compose build
+$ docker-compose up
+$ docker-compose run backend bin/rails db:create db:schema:load db:seed_fu
+```
+
+### Frontend
+
+```bash
+$ cd ./frontend
+$ yarn install
+
+# Commands
+$ yarn start  # Start webpack-dev-server
+$ yarn build  # Build to dist/
+$ yarn lint   # Check type and syntax, auto fix
 ```
 
 ## その他
-* 開発中にアプリケーションが送信したメールは `/letter_opener` で確認できます。
-* `bundle exec rubocop` でコードの静的チェックが走ります。指摘箇所を修正してPRを出してください。
+
+- 開発中にアプリケーションが送信したメールは `/letter_opener` で確認できます。
+- `bundle exec rubocop` でコードの静的チェックが走ります。指摘箇所を修正して PR を出してください。

config/database.yml

@@ -16,6 +16,7 @@ default: &default
   username: <%= ENV.fetch("DATABASE_USER") { "root" } %>
   password: <%= ENV.fetch("DATABASE_PASSWORD") { "" } %>
   socket: <%= ENV.fetch("DATABASE_SOCKET") { "/tmp/mysql.sock" } %>
+  host: <%= ENV.fetch("DATABASE_HOST") { "db" } %>
 
 development:
   <<: *default

docker-compose.yml

@@ -0,0 +1,29 @@
+version: '2'
+
+services:
+  db:
+    image: mysql:5.7.25
+    environment:
+        MYSQL_DATABASE: cho_kure_web_development
+        MYSQL_ROOT_PASSWORD: root
+        MYSQL_PASSWORD: root
+        MYSQL_PORT: 3306
+    expose:
+      - "3306"
+  backend:
+    build:
+      context: .
+      dockerfile: ./docker/backend/Dockerfile.dev
+    command: /bin/sh -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
+    volumes:
+      - ./:/code
+    ports:
+      - "3000:3000"
+    links:
+      - "db"
+    env_file: .env
+    environment:
+      DATABASE_PASSWORD: root
+      DATABASE_USER: root
+      DATABASE_HOST: db
+      DATABASE_SOCKET: /tmp/mysql.sock

docker/backend/Dockerfile.dev

@@ -0,0 +1,25 @@
+FROM ruby:2.4.5
+LABEL maintainer="Kobatake Kazuhiro<@kobakazu0429>"
+
+ENV LANG C.UTF-8
+
+# noninteractive: インストール時にインタラクティブな入力待ちが発生しなくなる
+ENV DEBIAN_FRONTEND noninteractive
+
+RUN mkdir /code/
+
+WORKDIR /code
+
+# apt-get [-qq]: エラー以外は表示しない
+RUN apt-get update -qq && \
+    apt-get install -y --no-install-recommends apt-utils && \
+    apt-get install -y libpq-dev graphviz imagemagick && \
+    curl -sL https://deb.nodesource.com/setup_10.x | bash - && \
+    apt-get install -y nodejs build-essential && \
+    gem install bundler --no-document --conservative && \
+    gem update
+
+ADD Gemfile* /code/
+ADD .env /code/
+
+RUN bundle install -j4

docker/mysql/Dockerfile.local

@@ -0,0 +1,19 @@
+FROM mysql:5.7
+
+ADD log.cnf /etc/mysql/conf.d/log.cnf
+ADD my.cnf /etc/mysql/conf.d/my.cnf
+
+RUN chmod 644 /etc/mysql/conf.d/log.cnf
+
+RUN apt-get update && apt-get install -y locales \
+  --no-install-recommends && rm -rf /var/lib/apt/lists/*
+
+RUN dpkg-reconfigure locales && \
+    locale-gen C.UTF-8 && \
+    /usr/sbin/update-locale LANG=C.UTF-8
+
+# 初期データベースの作成
+COPY init.d/ /docker-entrypoint-initdb.d/
+
+ENV LC_ALL C.UTF-8
+ENV TERM xterm

docker/mysql/log.cnf

@@ -0,0 +1,8 @@
+[mysqld]
+slow_query_log=1
+long_query_time=1
+log_queries_not_using_indexes=1
+slow_query_log-file = /var/log/mysql/mysql-slow.sql
+
+[mysqld_safe]
+log-err=/var/log/mysql/mysql-error.log

docker/mysql/my.cnf

@@ -0,0 +1,7 @@
+[mysqld]
+default-storage-engine=InnoDB
+character-set-server=utf8mb4
+sql_mode=""
+default_authentication_plugin= mysql_native_password
+[client]
+default-character-set = utf8mb4