WebアプリをDockerで動かしてみた

React + Hono + PostgreSQLで作成した学習記録アプリをDockerで動かしてみました。そもそもDockerとは何かの説明から、作成時に困ったことなどを説明しています。

Transcript

1. WebアプリをDockerで動かしてみた
2. Dockerとは アプリケーションを動かすための環境をパッケージ化するツール
3. Dockerのいいところ 環境構築が楽、環境差異がなくなる Dockerなしの場合 ・Node.jsのインストール ・DBのインストール ・プロジェクトのコピー ・パッケージのインストール ・マイグレーション Dockerありの場合 ・Dockerのインストール ・プロジェクトのコピー
4. 今回作ったもの 学習記録アプリ
5. 今回作ったもの アーキテクチャ Dockerコンテナ React (フロントエンド ) Dockerコンテナ Hono (バックエンド ) Dockerコンテナ PostgreSQL (データベース ) → ← → ←
6. 今回作ったもの ディレクトリ構造
7. 今回作ったもの docker-compose.yml (一部抜粋)
8. 難しかったところ マイグレーション エラーが発生した URL DATABASE_URL=postgresql://user:password@localhost:5432/mydatabase 修正後 DATABASE_URL=postgresql://user:password@db:5432/mydatabase
9. 難しかったところ マイグレーション Dockerコンテナ localhost:5432 (フロントエンド ) Dockerコンテナ localhost:5432 (バックエンド ) Dockerコンテナ localhost:5432 (データベース ) → ← → ←
10. 今後の展望 ・デプロイ ・Docker Hub ・マルチステージビルド
11. frontend Dockerfile
12. backend Dockerfile
13. docker-compose.yml
14. Dockerfile, image, containerの説明