Webエンジニア「いっしー」のブログ

【Spring Boot+Next.js】DockerでフロントエンドをNext.jsにしてバックエンドをSpring Bootで環境構築をする

2025/4/29

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでフロントエンドをNext.jsにしてバックエンドをSpring Bootで環境構築をする手順 DockerでフロントエンドをNext.jsにしてバックエンドをSpring Bootで環境構築をする手順について解説していきます。ディレクトリ構成今回のディレクトリ構成は下記を目指していきます。 [crayon-682b0a000510383345 ...

ReadMore

Ruby

【Ruby on Rails+Next.js】DockerでフロントエンドをNext.jsにしてバックエンドをRuby on Railsで環境構築をする

2025/4/28

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでフロントエンドをNext.jsにしてバックエンドをRuby on Railsで環境構築をする手順 DockerでフロントエンドをNext.jsにしてバックエンドをRuby on Railsで環境構築をする手順について解説していきます。ディレクトリ構成今回のディレクトリ構成は下記を目指していきます。 [crayon-682b0a00054fb9 ...

ReadMore

Python

【Django+Next.js】DockerでフロントエンドをNext.jsにしてバックエンドをDjangoで環境構築をする

2025/4/27

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでフロントエンドをNext.jsにしてバックエンドをDjangoで環境構築をする手順 DockerでフロントエンドをNext.jsにしてバックエンドをDjangoで環境構築をする手順について解説していきます。ディレクトリ構成今回のディレクトリ構成は下記を目指していきます。

project-root/
├── docker/
│   ├── frontend/       # Next.js用Dockerfile
│   ├── backend/        # Django用Dockerfile
│   ├── database/       # MySQLコンテナ(Dockerfile)
│   └── nginx/          # Nginxコンテナ(Dockerfile + 設定ファイル)
├── frontend/           # Next.jsプロジェクト
├── backend/            # Djangoプロジェクト
└── docker-compose.yml

1

2

3

4

5

6

7

8

9

project-root/

├── docker/

│ ├── frontend/ # Next.js用Dockerfile

│ ├── backend/ # Django用Dockerfile

│ ├── database/ # MySQLコンテナ(Dockerfile)

│ └── nginx/ # Nginxコンテナ(Dockerfile + 設定ファイル)

├── frontend/ # Next.jsプロジェクト

├── backend/ # Djangoプロジェクト

└── docker-compose.yml

最初に ...

ReadMore

PHP

【Laravel+Next.js】DockerでフロントエンドをNext.jsにしてバックエンドをLaravelで環境構築をする

2025/4/21

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでフロントエンドをNext.jsにしてバックエンドをLaravelで環境構築をする手順 DockerでフロントエンドをNext.jsにしてバックエンドをLaravelで環境構築をする手順について解説していきます。ディレクトリ構成今回のディレクトリ構成は下記を目指していきます。

project-root/
├── docker/
│   ├── frontend/       # Next.js用Dockerfile
│   ├── backend/        # Laravel用Dockerfile
│   ├── database/       # MySQLコンテナ(Dockerfile)
│   └── nginx/          # Nginxコンテナ(Dockerfile + 設定ファイル)
├── frontend/           # Next.jsプロジェクト
├── backend/            # Laravelプロジェクト
└── docker-compose.yml

1

2

3

4

5

6

7

8

9

project-root/

├── docker/

│ ├── frontend/ # Next.js用Dockerfile

│ ├── backend/ # Laravel用Dockerfile

│ ├── database/ # MySQLコンテナ(Dockerfile)

│ └── nginx/ # Nginxコンテナ(Dockerfile + 設定ファイル)

├── frontend/ # Next.jsプロジェクト

├── backend/ # Laravelプロジェクト

└── docker-compose.yml

最 ...

ReadMore

React

【Next.js】DockerでNext.jsの環境構築をする

2025/3/29

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでNext.jsの環境構築をする手順 DockerでNext.jsの環境構築をする手順について解説していきます。ディレクトリ構成今回のディレクトリ構成は下記を目指していきます。

docker-next/
├── app/                    # Next.jsアプリケーションが作成されるディレクトリ
├── docker/
│   └── Dockerfile          # Dockerfileを配置するディレクトリ
└── docker-compose.yml      # Docker Composeファイル

1

2

3

4

5

docker-next/

├── app/ # Next.jsアプリケーションが作成されるディレクトリ

├── docker/

│ └── Dockerfile # Dockerfileを配置するディレクトリ

└── docker-compose.yml # Docker Composeファイル

docker-compose.ymlを作成まずはdocker-compose.ymlを作成していきま ...

ReadMore

React

【Next.js】インストールして起動するまでの解説

2025/3/29

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Node.js:22.14.0 npm:10.9.2 next:15.2.4 Next.jsをインストールして起動するまでの手順 Next.jsをインストールして起動するまでの手順について解説していきます。 Node.jsのインストール最初にNode.jsをインストールする必要があります。 Node.jsは、Reactの実行に必要なJavaScriptランタイムであり、JavaScriptエンジン上に ...

ReadMore

Ruby

【Ruby】DockerでRubyの環境構築をする

2025/3/23

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでRubyの環境構築をする手順 DockerでRubyの環境構築をする手順について解説していきます。ディレクトリ構成今回のディレクトリ構成は下記を目指していきます。

project-root/
├── docker/
│   ├── ruby/             # Rubyコンテナ(Dockerfile)
├── src/                  # スクリプトなどのソースコード
└── docker-compose.yml    # Docker Composeファイル

1

2

3

4

5

project-root/

├── docker/

│ ├── ruby/ # Rubyコンテナ(Dockerfile)

├── src/ # スクリプトなどのソースコード

└── docker-compose.yml # Docker Composeファイル

Dockerfileを作成まずはDockerfileを作成していきます。 docker/ruby/ディレクトリの ...

ReadMore

Python

【Python】DockerでPythonの環境構築をする

2025/3/23

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでPythonの環境構築をする手順 DockerでPythonの環境構築をする手順について解説していきます。ディレクトリ構成今回のディレクトリ構成は下記を目指していきます。

project-root/
├── docker/
│   ├── python/           # Pythonコンテナ(Dockerfile)
├── src/                  # スクリプトなどのソースコード
└── docker-compose.yml    # Docker Composeファイル

1

2

3

4

5

project-root/

├── docker/

│ ├── python/ # Pythonコンテナ(Dockerfile)

├── src/ # スクリプトなどのソースコード

└── docker-compose.yml # Docker Composeファイル

Dockerfileを作成まずはDockerfileを作成していきます。 docker/python/デ ...

ReadMore

Java

【Java】DockerでJavaの環境構築をする

2025/3/23

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでJavaの環境構築をする手順 DockerでJavaの環境構築をする手順について解説していきます。ディレクトリ構成今回のディレクトリ構成は下記を目指していきます。

project-root/
├── docker/
│   ├── java/             # Javaコンテナ(Dockerfile)
├── src/                  # スクリプトなどのソースコード
└── docker-compose.yml    # Docker Composeファイル

1

2

3

4

5

project-root/

├── docker/

│ ├── java/ # Javaコンテナ(Dockerfile)

├── src/ # スクリプトなどのソースコード

└── docker-compose.yml # Docker Composeファイル

Dockerfileを作成まずはDockerfileを作成していきます。 docker/java/ディレクトリの ...

ReadMore

PHP

【PHP】DockerでPHPの環境構築をする

2025/3/23

開発環境 Visual Studio Code:version 1.73.0 OS:Windows10 Docker Engine:v23.0.5 DockerでPHPの環境構築をする手順 DockerでPHPの環境構築をする手順について解説していきます。ディレクトリ構成今回のディレクトリ構成は下記を目指していきます。

project-root/
├── docker/
│   ├── php/              # PHPコンテナ(Dockerfile)
├── src/                  # スクリプトなどのソースコード
└── docker-compose.yml    # Docker Composeファイル

1

2

3

4

5

project-root/

├── docker/

│ ├── php/ # PHPコンテナ(Dockerfile)

├── src/ # スクリプトなどのソースコード

└── docker-compose.yml # Docker Composeファイル

Dockerfileを作成まずはDockerfileを作成していきます。 docker/php/ディレクトリの直下に ...

ReadMore