【初心者でもできる‼】Windows10にTomcatをインストールする方法（Tomcat 10）

## 1.事前知識
- [【最新】UbuntuでJavaの環境を構築する方法](https://qiita.com/ryome/items/37c53e9638a9c6ea146a)

- [【初心者でもできる‼】Windows10にJava環境を作る方法（JDK14.0.1）](https://qiita.com/ryome/items/30135570954e36196821)

事前知識として、上記リンクの内容が必要です。

## 2.Tomcatとは
- `Tomcat` とは、 `Apache Software Foundation（アパッチソフトウェア財団）` が開発・公開している、 `Javaサーブレット（Servlet）` や `JSP（JavaServer Pages）` の `実行環境` となる `ソフトウェア` のことである。
- `Tomcat` は、 `サーブレットコンテナ` あるいは `Webコンテナ` と呼ばれる `サーバソフトウェア` の一つで、 `Apacheライセンス` に基いて `オープンソースソフトウェア` として公開されている。

## 3.Tomcatのインストール
![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/b46a4bf7-2306-35c4-8397-942f13cb8205.png)
![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/37694066-c3ef-a282-f5f2-a628663eb3c4.png)
1. [Apache Tomcat&reg; - Apache Tomcat 10 Software Downloads](https://tomcat.apache.org/download-10.cgi) へアクセスし、 `32-bit/64-bit Windows Service Installer` をクリックする。
![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/a2f8e1e8-eb9a-1ab8-c0bb-36871e6675af.png)
2. ダウンロードされた `apache-tomcat-10.0.0-M5.exe` を起動する。
![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/6a4d0f88-b3ad-a5a4-4eba-1603cc2444da.png)
3. `Next` をクリックする。
![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/b0a5a6e7-9f94-9d93-ac91-2e1a05e1f803.png)
4. `I Agree` をクリックする。    
![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/45d6108b-5969-abe1-9c6b-a450d5ae4b18.png)
5. `Next` をクリックする。
![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/ba2c7ca8-b81e-1026-fbe2-0ac1888f2bbf.png)
6. `Server Shutdown Port` に `8005` , `HTTP/1.1 Connector` に `8080` , `User Name` に `admin` , `Password` に `admin` と入力し、 `Next` をクリックする。
![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/28773ece-cfff-92a8-2a2d-ae4073346f45.png)
7. `JDKのインストール先` を指定し、 `Next` をクリックする。
![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/35401719-2441-c290-fc01-41b0f14a2c31.png)
8. `Install` をクリックする。
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/9ed5541b-0c24-92be-7d05-0c777ff4aefd.png)
9. `Finish` をクリックする。
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/7ffcf637-ba92-8126-8bdf-ad529aabd741.png)
10. `検索ボックス` に `システム環境変数` と入力し、 `システム環境変数の編集` をクリックする。
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/3b8523bf-0d52-d408-5d07-b2b15dcb7ee4.png)
11. `環境変数(N)...` をクリックする。
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/c13cab98-2c7c-631e-d85f-1c4f997eb401.png)
12. `新規(W)...` をクリックする。
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/c27ff1ad-8e34-c29b-5f12-a898651e9f73.png)
13. `変数名(N):` に `CATALINA_HOME` , `変数値(V):` に `C:\Program Files\Apache Software Foundation\Tomcat 10.0` を入力し、 `OK` をクリックする。
![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/258608e7-c3aa-dece-85f5-03a1b2aa1ade.png)
14. `Path` を選択し、 `編集` をクリックする。
![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/08036c28-075c-128f-eac5-99c0931d9b86.png)
15. `新規(N)` をクリックする。
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/2de48317-43ab-d630-c30a-92b67b9b05b7.png)
16. `%CATALINA_HOME%\bin` と入力し、 `OK` をクリックする。
![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/d0429157-950e-f021-4b47-b1cb488f587a.png)
17. `CATALINA_HOME` , `JAVA_HOME` , `Path` を確認し、 `OK` をクリックする。
![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/ba9714bf-3e5b-7e1d-4d84-3af7dcd867b3.png)
18. `OK` をクリックする。
![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/2db10a82-6b2c-50b8-d61c-8274f79cbddd.png)
19. `検索ボックス` に `cmd` と入力し、 `コマンドプロンプト` をクリックする。
![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/961132e4-f2c1-4b7c-1f84-9e6a45cd82e3.png)
20. `startup.bat` と入力する（`文字化け` または `エラー` が出た場合は `4.Tomcatのエラー` へ）。
![22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/826366db-bfdc-78d6-4a76-0ea196b08fa0.png)
21. `Tomcat` の画面を確認する。
![23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/11a7d670-c1d1-e2c6-6883-040d49c1cc46.png)
22. `ブラウザ` を起動し、 `http://localhost:8080/` にアクセスする。
23. 画像の画面が表示されれば成功。

## 4.Tomcatのエラー
- Tomcatの文字化け
![ex1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/ff6ddf2c-edbc-fc89-ad5f-bcc78d20d4c7.png)

解決法：`C:\Program Files\Apache Software Foundation\Tomcat 10.0\conf\logging.properties` の `java.util.logging.ConsoleHandler.encoding` を変更する。
![ex2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/b6394087-37a7-50fe-aa85-628488a61fdd.png)
1. エクスプローラーの `C:\Program Files\Apache Software Foundation\Tomcat 10.0\conf` を開く。
![ex3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/ca470cd0-dba5-c104-5ad2-a4e297410575.png)
2. `logging.properties` を `エディタ` で開く。
![ex4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/1ea68a04-0cba-1ae1-bc6b-c597fc284942.png)
![ex5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/6e7bf150-2d4f-b388-7472-f136d0420cb3.png)

3.`java.util.logging.ConsoleHandler.encoding = UTF-8` を `java.util.logging.ConsoleHandler.encoding = SJIS` に変更する。

- Neither the JAVA_HOME nor the JRE_HOME environment variable is defined At least one of these environment variable is needed to run this program
![ex6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/98b02665-4525-ee78-f739-07c50aa8c4aa.png)
解決法：環境変数に `JAVA_HOME` を追加する。
[【初心者でもできる‼】Windows10にJava環境を作る方法（JDK14.0.1）](https://qiita.com/ryome/items/30135570954e36196821)

## 5.Tomcatの操作
- Tomcatの起動・停止

```conf:Tomcatの操作
// Tomcatの起動
startup.bat

// Tomcatの停止
shutdown.bat
```


## 6.関連

- [【初心者でもできる‼】Windows10にMySQLをインストールする方法（MySQL Server 8.0.20）](https://qiita.com/ryome/items/68766f81f0668ff6876b)
- [【覚えておくと便利!!!】MySQLの文字コード変更](https://qiita.com/ryome/items/b1f0f7055d2d614fb605)
- [【初心者でもできる‼】Windows10にApacheをインストールする方法（Apache 2.4）](https://qiita.com/ryome/items/f124f91f246b7f3e849f)