TL;DR

現プロジェクトと近似した構成で素振り出来るようRails +PostgreSQL による backend と React + TypeScript による frontend を docker-compose で立ち上げる boilerplate 作ったhttps://t.co/iCqMc2TWrD

— 広島の粗大ゴミ (@ohbarye)2018年7月7日

github.com

Motivation

最近は"Backend developer" と名乗ろうが "Frontend developer" と名乗ろうが、web application を開発するエンジニアとして求められる知識は広範囲にわたることを、改めて実感しなおしている。

自分の経験でいえば、ここ数年はRails エンジニアとしてやっているのだが、最近は React.js と TypeScript による SPA (Single Page Application) の開発にフル注力するプロジェクトをやっている。

その SPA はもちろんバックエンドにAPI、今回で言えばRails がおり、Rails は DB に接続する。登場人物が増えるにつき同じく立ち上げるプロセスが増えていく。ローカル開発がきついので必要なアプリケーションとミドルウェアをいっぺんに立ち上げるのに docker-compose を使っている。

こうした技術要素をそれぞれ学ぶのは苦ではないのだけれど、余暇でいっぺんに学ぼうとすると近似した環境を手元で作るだけで疲れてしまう。

Rails-React-TypeScript-Docker Example

というわけで作ったのがこれ

https://github.com/ohbarye/rails-react-typescript-docker-example

• Ruby ^2.5.1
• Rails ^5.2.1
• React.js ^16.4.2
• TypeScript ^3.0.1
• Docker
• PostgreSQL

名前が長過ぎる

Usage

$ git clone https://github.com/ohbarye/rails-react-typescript-docker-example.git && cd rails-react-typescript-docker-example# Setup$ docker-compose run frontend yarn$ docker-compose run backend rake db:create# Start$ docker-compose up -d$ open http://localhost:3000

dev.to にも記事を書いた

dev.to