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

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/ディレクトリの直下に ...

Java

【Spring Boot】DockerでSpring Boot+Nginx+MySQLの環境構築をする

2025/3/16

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

project-root/
├── docker/
│   ├── web/             # Javaコンテナ(Dockerfile)
│   ├── database/        # MySQLコンテナ(Dockerfile)
│   └── nginx/           # Nginxコンテナ(Dockerfile + 設定ファイル)
├── web/                 # Spring Bootアプリケーションを配置するディレクトリ
└── docker-compose.yml   # Docker Composeファイル

project-root/

├── docker/

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

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

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

├── web/ # Spring Bootアプリケーションを配置するディレクトリ

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

docker-compose.ymlを ...

Ruby

【Ruby on Rails】DockerでRuby on Rails+Nginx+MySQLの環境構築をする

2025/3/15

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

project-root/
├── docker/
│   ├── web/             # Rubyコンテナ(Dockerfile)
│   ├── database/        # MySQLコンテナ(Dockerfile)
│   └── nginx/           # Nginxコンテナ(Dockerfile + 設定ファイル)
├── web/                 # Ruby on Railsアプリケーションを配置するディレクトリ
└── docker-compose.yml   # Docker Composeファイル

project-root/

├── docker/

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

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

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

├── web/ # Ruby on Railsアプリケーションを配置するディレクトリ

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

docker-compose. ...

Python

【Django】DockerでDjango+Gunicorn+Nginx+MySQLの環境構築をする

2025/3/9

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

project-root/
├── docker/
│   ├── web/             # Pythonコンテナ(Dockerfile)
│   ├── database/        # MySQLコンテナ(Dockerfile)
│   └── nginx/           # Nginxコンテナ(Dockerfile + 設定ファイル)
├── web/                 # Djangoプロジェクトを配置するディレクトリ
└── docker-compose.yml   # Docker Composeファイル

project-root/

├── docker/

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

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

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

├── web/ # Djangoプロジェクトを配置するディレクトリ

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

docker-comp ...

PHP

【Laravel】DockerでLaravel+Nginx+MySQLの環境構築をする

2025/3/9

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

project-root/
├── docker/
│   ├── web/             # PHPコンテナ(Dockerfile)
│   ├── database/        # MySQLコンテナ(Dockerfile)
│   └── nginx/           # Nginxコンテナ(Dockerfile + 設定ファイル)
├── web/                  # Laravelプロジェクトを配置するディレクトリ
└── docker-compose.yml    # Docker Composeファイル

project-root/

├── docker/

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

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

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

├── web/ # Laravelプロジェクトを配置するディレクトリ

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

docker-compose.ymlを作成まずはdo ...