JavaでのWebアプリケーション開発環境構築編（未経験者向）

# はじめに

この記事は、自分の会社の未経験者に向けた、環境の構築作成から実際にロジックを組むところの入り口まで躓かずにたどり着けるように手順を示したものになります。そのため、目新しいものは特にありません！

## 使用する技術について

使用するのは以下の技術セットをベースにします。

* 言語：[Java8](https://www.java.com/ja/download/)
* OS：Windows
* MW
  * ウェブサーバ：[Apache2.4](https://httpd.apache.org/)
  * アプリケーションサーバ：[Tomcat9](http://tomcat.apache.org/)
  * データベースサーバ：[postgreSQL11](https://www.postgresql.org/)
* IDE：[Eclipse(Pleiades日本語プラグイン)](http://mergedoc.osdn.jp/)
* 
以上を利用して、ServletとJSPを利用したシンプルなウェブアプリケーションの基盤と環境構築を説明します。

## 1. ウェブサーバ（Apache）のインストール

### 1. ダウンロード
***
以下を順番にクリックしてダウンロードを行う。
ダウンロードサイト：[Apache2.4](https://httpd.apache.org/)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/23858443-1bef-9731-37c0-91fa278c3b1a.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/58223568-80e3-f3b1-da72-2d764fb6965b.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/4ecbce8f-66cc-b360-7e09-8f25dccb347c.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/9f8e9602-e0f4-d566-99ce-73825a06bf18.png)

### 2. インストール
***
ダウンロードできたファイルを任意のフォルダに解凍する。
解凍したフォルダにある以下のフォルダパスを控える。

```
{解凍したフォルダ}¥Apache24¥bin
```

このパスへコマンドプロンプトを利用してコマンドラインでアクセスする。

```
C:¥> cd {解凍したフォルダ}¥Apache24¥bin
```

**※注意※ 管理者権限でコマンドプロンプトを開くこと。（インストールには管理者権限が必要なため）**

Windowsキー>Windowsシステムツール>コマンドプロンプト(右クリック)>その他>管理者として実行
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/7859b284-4c88-510c-8f1a-f13e5185a399.png)

```
C:¥> cd {解凍したフォルダ}¥Apache24¥bin
C:¥{解凍したフォルダ}¥Apache24¥bin> httpd.exe -k install
```

![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/f8e70816-cb80-0f82-e007-eb7f80586caa.png)
インストールに合わせてApacheが起動しようとするが、Syntax errorで起動できないので、設定ファイルを確認する。
設定ファイルは、**{解凍したフォルダ}¥Apache24¥conf¥httpd.conf**

### 3. 起動
***
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/e03cc823-9809-7380-38c2-692e4ba43a08.png)
初期値は、"/Apache24"フォルダになっており、そんなフォルダはWindowsでは存在しないためエラーになっていた。
環境に合わせて変更する。

```
# Define SRVROOT "/Apache24"
Define SRVROOT "{解凍したフォルダ}/Apache24"
```

再度起動するときは、ApacheMonitorを利用する。binフォルダの下にexeファイルが存在するので実行するとタスクバーに常駐してくれる。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/d71e9770-2ade-6b8b-6907-d629f7961d58.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/b6695a8e-5382-acc7-0999-bb4f4db1c830.png)
スタートをクリックすると羽の停止シンボル（赤）が、実行シンボル（緑）に代わる。
起動したのち、以下のURLへブラウザでアクセスして、デフォルトページが表示されればOK！

* http://localhost/
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/cb53193b-abd2-15ef-88e0-2de803977467.png)


## 2. アプリケーションサーバ（Tomcat）のインストール

### 1. ダウンロード
***
以下を順番にクリックしてダウンロードを行う。
ダウンロードサイト：[Tomcat9](http://tomcat.apache.org/)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/4f54f4ef-edbe-207d-ad06-8ded2b023b6a.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/5f8eb148-565c-74f3-841b-7047cd8c0e7e.png)

### 2. インストール
***
ダウンロードしてきた**"apache-tomcat-9.0.17.exe"** を実行して、ウィザードに従いインストールする。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/9ca169b0-3322-50c5-ed89-926752e959b7.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/2c65c718-eb56-50ee-1f4b-c27cf8f0b86b.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/1d0d3a5c-6557-7110-be7f-a6f205d2b4d3.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/1adc41c2-fdac-de61-25fc-2fb6a9c1dbbc.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/fe61e879-c46d-2288-6fe2-11d14b333a4e.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/6cf191a9-c72b-3ddf-7d76-1dec7f80f511.png)
最後の「Show Readme」はチェックを外しても問題ない。

### 3. 起動
***
インストールの完了に合わせてTomcatが起動するため、下記のURLにアクセスして画面が表示されればOK！
* http://localhost:8080/
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/b5575fe0-3965-d510-ce3d-48a55bf5ec7e.png)
TomcatもApacheと同様にタスクバーにアイコンがあるため、停止したい場合は、アイコンから停止が可能。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/3801520a-63b2-dfa1-fd56-e0623792faed.png)

## 3. データベースサーバ（postgreSQL）のインストール
postgreSQLのインストールは別件でQiita記事を用意していたのでそちらを参照。

* [PostgreSQLセットアップ](https://qiita.com/ynkgw/items/bf4a4a773e7a7cb0172f)

## 4. IDE（Eclipse）の導入

### 1. ダウンロード
***
以下を順番にクリックしてダウンロードする。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/faada391-8860-175f-1f79-88af8c7306d1.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/d4a60d4a-9e26-4ae9-0b26-32151bffcbca.png)

### 2. インストール
***
ダウンロードしてきた **"pleiades-2019-03-java-win-64bit_20190324.zip"** を解凍して任意のフォルダに配置する。

```
{解凍したフォルダ}¥pleiades¥eclipse¥eclipse
```

解凍したフォルダにある **"eclipse.exe"** を実行する。

### 3. 起動
***
起動できればOK!
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/f6b7a7cc-b953-ec4a-2078-9b6d4272e40f.png)


## 5. WEBアプリケーション作成までの設定
目標とする構成を簡単に書くとこんな感じ
![image.png](https://qiita-image-store.s3.amazonaws.com/0/32561/1cd36858-0c0f-898b-291e-0a56782135e8.png)


※別の記事でミドルウェアのセットアップ及び実際のJavaのコードについて、説明していこうと思います。