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-682b416b3357433376 ...

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-682b416b337938 ...

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

project-root/

├── docker/

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

│ ├── backend/ # Django用Dockerfile

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

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

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

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

└── docker-compose.yml

最初に ...

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

project-root/

├── docker/

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

│ ├── backend/ # Laravel用Dockerfile

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

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

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

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

└── docker-compose.yml

最 ...

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ファイル

docker-next/

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

├── docker/

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

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

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

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エンジン上に ...

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ファイル

project-root/

├── docker/

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

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

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

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

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ファイル

project-root/

├── docker/

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

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

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

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

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ファイル

project-root/

├── docker/

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

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

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

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

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ファイル

project-root/

├── docker/

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

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

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

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