【備忘録】TERSOLUNA環境構築で遊んで復習してみた

# はじめに
以前に色々あってTERASOLUNA5のチュートリアルをやる機会があったのですが、当時は全てにおいて超初心者だったため、公式TODOアプリ制作チュートリアルの環境構築では苦労した記憶があります（血反吐を吐きました）
なので、私と同じ境遇の方の何かの一助になればと書いてみます。

尚、本記事は以下をゴールとします。
・11.1. チュートリアル(Todoアプリケーション)の環境構築を完了する
・hello world！を表示させる

前提条件は以下の通りです。
・OS：Windows10
・ブラウザ：Google Chrome
・TERASOLUNAバージョン5.8.1
・その他：チュートリアルに必要なミドルウェア、IDEは未インストール
・参照、引用サイト：
>TODOアプリ制作チュートリアル
http://terasolunaorg.github.io/guideline/current/ja/Tutorial/TutorialTodo.html
STSの設定手順
http://terasolunaorg.github.io/guideline/current/ja/Appendix/SpringToolSuite4.html

各種バージョンなどは最新のページを参照してください。
>TERASOLUNA Server Framework for Java (5.x)　最新バージョン確認ページ
http://terasolunaorg.github.io/guideline/

# 目次
1. Javaのインストール
1. Mavenのインストール
1. Tomcatのインストール
1. STSの導入
1. STSの設定
1. hello world！の表示

# Javaのインストール
執筆時点で最新版（TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.8.1.RELEASE）ではJava17が検証済み環境となっている。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6323216c-f1e2-6801-eba9-5e85de73bea5.png)

Javaという文字のリンク押下でRed Hatのページにジャンプ
https://developers.redhat.com/products/openjdk/download
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/efb03bdf-5b0b-9369-6e86-be122cf98a5d.png)

下にスクロールしていきOpenJDK17の.msiファイルをダウンロード
（別に.zipでもいいのですが、今回は初学者向けなので.msiを選択）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/445d3f2f-0f82-f630-e514-08e6771f0daf.png)
そもそもJDKとJREとJVMの違いって何だって方はここにお勧めの記事を貼っておきます
>【初心者】Java?JDK?JRE?JVM 違いを理解したい
https://qiita.com/keomo/items/a814a36be95033c14207

初回はDLに登録必要ですが、そこの手順は割愛します。
登録できてインストール出来たらダウンロードフォルダに以下のファイルが落ちてるはずです。（マイナーバージョンは違うかもなので気にしないでください）
こいつを開きましょう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/5799411f-4d19-7474-e299-4a36331d4ed1.png)


ここから以下の画面が開くので次へをどんどん押していきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/8ebe6c36-3b64-b9eb-3794-da9f8d266281.png)

但しこのページで初期設定はJAVA_HOME～～～が×ですが、これを変えとくと楽なので変えちゃいましょう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6ef48c35-64ed-542b-ccd1-051a443b7994.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/eb384c95-9aac-b864-6dd9-ea643debc030.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/c0836063-7238-5bc4-5c64-18e7726d8c40.png)

で最後はこの画面でInstallしましょう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/ffb0481c-121d-4ae9-2083-c18c03bcde59.png)

Finishを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/8a5b684a-223d-c486-3cde-60bc15e0d5c5.png)

最後にJavaがインストールできたか、コマンドプロンプトで以下コマンド叩いて確認する
`java -version`

17.×.×がでればOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/b2500263-89b3-dc74-d7c0-c7de3a5b1b9a.png)




# Mavenのインストール
執筆時点で最新版（TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.8.1.RELEASE）ではmaven3.8.6が検証済み環境となっている。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6323216c-f1e2-6801-eba9-5e85de73bea5.png)

では、Javaと同じくMavenという文字押下して以下のページへ
https://maven.apache.org/download.cgi
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/9374fc5d-1dfa-d9fe-6898-6c3509a8eee2.png)

ここで重大な事実に皆さん気づくでしょう。

#### 3.8.6がダウンロードできないではありませんか！！！！

はい、そうなんです、このリンク飛んでもダメなんですよね。
なので、色々調べて以下の記事にたどり着きました。
>mavenの特定のバージョンのインストール方法
https://qiita.com/rei_012/items/98d0ec7c9acd666727f7

このページにある以下サイトに飛びます
https://archive.apache.org/dist/maven/
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/2f831b0e-4ad5-e24d-465c-b285fe879dd7.png)

このサイト内のmaven-3/3.8.6/binariesにあるapache-maven-3.8.6-bin.zipをダウンロードします
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/93d14d44-587a-2dc6-18d8-1da535558928.png)

そうするとまた例のごとくダウンロードフォルダに.zipファイルがダウンロードされます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/95e38513-bd70-5ffb-41ac-631b2e34b377.png)


ダウンロード後、ZIPファイルを適当な場所に展開します。（本記事では、C:\Apache-Software-Foundationを作成して展開します。）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/de1ff977-c9c5-b2ea-4a06-98f417a02ca3.png)


次にMavenを環境変数に追加します
今回はC:\Apache-Software-Foundation\apache-maven-3.8.6\binをpathに登録しました
（セキュリティの問題でスクショは無しです、すみません...）

登録出来たらコマンドプロンプトを開き以下コマンドを打ち込む
`mvn -v`
インストールしたバージョンが表示されればOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/451f6b8d-cb92-5cfb-339d-0ab7f7d0a53a.png)

# Tomcatのインストール
執筆時点で最新版（TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.8.1.RELEASE）ではTomcat10.1.7が検証済み環境となっている。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6323216c-f1e2-6801-eba9-5e85de73bea5.png)

では、ここまでと同じくTomcatという文字押下して以下のページへ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/3e0e3a2b-c78e-99f4-61cf-f946de23e6e3.png)

はいまたですね。
#### 10.1.7がダウンロードできないしインストーラも見つからないではありませんか！！！（2回目）


というわけでまずは以下のページに飛びましょう
https://tomcat.apache.org/download-10.cgi
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/3df085f0-1147-fc1f-11a9-acf220c5b1a7.png)

このページで左タブDownload＞Archiveをクリックで以下画面表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/58677263-1f5a-f24f-9242-91133dc77b20.png)

このサイト内のtomcat-10/v10.1.7/binにあるapache-tomcat-10.1.7.zipをクリックでダウンロードします
そうするとまたまたダウンロードフォルダ内に.zipがダウンロードされます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/83642de2-b578-82ee-bfc0-74cbec738c0f.png)


この.zipファイルをC:\Apache-Software-Foundationフォルダに解凍します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/b7515b5d-5f6f-71a7-a47e-855cac49ca6e.png)

次にTomcatを環境変数に追加します
今回はC:\Apache-Software-Foundation\apache-tomcat-10.1.7をCATALINA_HOMEに、
%CATALINA_HOME%\binをpathに登録しました
（セキュリティの問題でまたまたスクショは無しです、すみません...）

ここまできたらTomcatの動作確認をしましょう。
C:\Apache-Software-Foundation\apache-tomcat-10.1.7\bin配下にあるstartup.batをダブルクリックします
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/04325a7d-2759-e436-5cf7-4991355b177f.png)

そうするとコマンドプロンプトが開きますが一旦無視して以下のURLにアクセスしてください
http://localhost:8080
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/fe2e8623-c4f0-7040-447c-f2eb74d3d566.png)

この画面が開ければTomcatのインストールはOKなので、startup.batと同じ階層にあるshutdown.batをダブルクリックしてTomcatを終了しましょう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/d135d5e9-c0d0-19ce-b752-850eefb511f9.png)

# STSの導入

ついにここまでやってきました、インストール系は最終戦ですので頑張りましょう。

執筆時点で最新版（TERASOLUNA Server Framework for Java (5.x) Development Guideline 5.8.1.RELEASE）ではSpring Tool Suite4.17.1が検証済み環境となっている。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6323216c-f1e2-6801-eba9-5e85de73bea5.png)

では、また（フラグ）Spring Tool Suiteという文字押下して以下のページへ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/fed7b95c-0915-e1b9-ea04-4531ef1e1a1b.png)

はいまたですね。
#### 4.17.1がダウンロードできないしインストーラも見つからないではありませんか！！！（3回目）

はぁ、過去バージョンインストールしましょう...

まずは以下のページに飛びましょう
https://github.com/spring-projects/sts4/wiki/Previous-Versions
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/820575b5-d841-f09b-6cf5-af2b227095b3.png)

このページを下に行って一番上の
https://download.springsource.com/release/STS4/4.17.1.RELEASE/dist/e4.26/spring-tool-suite-4-4.17.1.RELEASE-e4.26.0-win32.win32.x86_64.self-extracting.jar
をクリックしてダウンロード
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/b4e2e78d-ca72-0c7e-de4d-c4bf6db141ad.png)

そうしたらばなんとダウンロードフォルダに.jarファイルがダウンロードされているではありませんか！！（棒読み）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6f4b1e65-269f-f78d-bbed-aff1efeab59d.png)

ではこれを実行します
コマンドプロンプトでcdでDownloadフォルダに移動してから
`java -jar spring-tool-suite-4-4.x.x.RELEASE-e4.xx.x-win32.win32.x86_64.self-extracting.jar`
を実行します（xは適時読み替えてください）

そうすると以下のようなファイルがダウンロードフォルダに作られるはずです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/597ab003-2ebd-aceb-8e11-5564dbc60402.png)

ただこのまま動かして何かの拍子で消しても怖いので、C直下に移動させましょう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/7a7713f3-0438-7d80-d74f-8a9f47728b54.png)

で、後は最後に起動確認
出てきたファイルに入ってSplingToolSuite4.exeをダブルクリックしましょう！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/640aa170-3f22-3793-86ea-3066cb6c02da.png)
とりあえずLaunchで（ワークスペースの設定ですが一旦無視しましょう。後で重要ですが）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6ca4350c-cd84-a392-70d2-f8c7362bbfdc.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/160bc0c3-5a5a-989d-48c4-a15469fe8d56.png)

#### 完了！！！！

皆様ダウンロード編、お疲れ様でした！
あとは、STSの一部設定を残すのみ！（久々にQiita書いてるので疲れてきてますが私も頑張ります）





# STSの設定
まずは以下2つのプラグインの導入から
・Eclipse Enterprise Java and Web Developer Tools
・Spring Tools 3 Add-On for Spring Tools 4

### Eclipse Enterprise Java and Web Developer Tools
先ほど開いたSTSのメニューから、Help > EclipseMarketplaceを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/456d2b89-7da9-ddb3-db1b-aa1ea05b4809.png)
クリック↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/fc0b1d02-8b49-5163-18d9-fcb4d62a457d.png)

まずはEclipse Enterprise Java and Web Developer Tools
検索窓に入力
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/fbe9d582-80de-b440-18c4-8608c67603cf.png)
検索↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/33beaf8b-b759-624d-5cc6-445420121a04.png)

でインストールをぽちっとな（古い）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/3c10dbf6-4cfe-96f7-339c-dda605b47b45.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/3847589b-1749-af46-c5b5-bf7323ec4fba.png)
Confirm↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6c909b41-56ba-37b0-a372-81680d6f06dd.png)
同意してFinishを押下して完了！(再起動はもう1個インストールしてから大丈夫）


### Spring Tools 3 Add-On for Spring Tools 4
続いてSpring Tools 3 Add-On for Spring Tools 4をインストール
のために事前にインストールするものがあるのでそちらインストールします
STSのメニューから、Help > Install New Softwareを選択し、Work withに`https://download.eclipse.org/mylyn/releases/latest`
を入力
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/712b889a-8a88-ef51-1c74-3eb1f3c19eb0.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/c0162a2a-7cca-a5dc-f237-7d6b1ea71d4f.png)
貼り付けたらAddをOdoしながらPodo（押下）します（何を言ってるんだ）
そうすると↓に
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/0812368e-201b-446d-e50f-78db025e5d7d.png)
設定は↓にしてNext
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/5e5970e3-6083-52a1-c358-e23d6ec4e86a.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/9daef2a0-f5ad-cfd6-b645-ca30070f8d5a.png)
Finish！

以降はマーケットプレイスで検索するところまでは同じ手順なので割愛します
検索結果↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/d4616964-0852-7339-f7b6-a7b171b653ac.png)

ではこれもLet'go pochi!
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/ee4e70ff-f099-b8a2-73ce-2abfb07ae2aa.png)
Confirm↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/22f45a1e-48bf-ab07-7b9d-911d2d758e5f.png)
Confirm↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/23fb2dde-1a59-cdeb-9ae2-cc4591af6174.png)
同意してFinish！

ここでRestart
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/75b04c75-d7c7-cba7-f2ef-669f0010969f.png)

### Javascriptのエディタ設定
STSのメニューから、Help > Install New Softwareを選択し、Work withに
`https://download.eclipse.org/releases/latest/`
を入力する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/dd43cb84-b425-79c3-4c97-c2e34760b6ca.png)

Web,XML,Java EE and OSGi Enterprise Development > JavaScript Development Tools を選択し、Next
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/07dab971-13ee-8966-505f-921d951d32a0.png)

Finish押下で終了
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6e535ecc-46f2-a0ba-1157-23a757ac2c68.png)

### Javaの設定
STSのメニューから、Window > Preferences > Java > Installed JREs を開き、予め用意したJDKにチェックがついていることを確認
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/ce745aa7-46ad-f8e6-376a-b74ee649c63c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/63b27d2f-061b-edfa-f320-11e861e508d0.png)

今回の場合ついてないのでAddを押下↓
Standard VMを選択し、Directoryから用意したJDKを選択し追加、Finish
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/b2c82c2f-5735-728d-cbc3-e5ea8c96ee50.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/35ba09e6-4eb6-ef45-939e-aadd29cb2476.png)

元々のjreは削除
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/54f4dbb5-7cc5-d9c3-2cd6-e1cccc0a1123.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/c0ec37d8-0e7d-6817-7369-cd79e681891e.png)
Apply and Closeで終了


### Mavenの設定
Window > Preferences > Maven > Installations からAddを選択し、Directoryから用意したMavenを選択し追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/b6112200-6880-ea89-5df1-796db2e43e07.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/30189eb7-e9d7-faa7-6d7e-2146af1d59e1.png)

AddでDirectoryから要したMavenを追加、Finish
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/ac5040b4-5303-76d1-0e2e-df4127c42b13.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/58ef9cab-eb96-aa37-13ee-bd7ee8b7eef9.png)

Apply and closeを押して終了


### Server設定
まずはServerViewの表示からWindow＞ShowView＞Other＞Server＞Serversを選択してOpen
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/5f312c0f-cabd-3461-c579-1553b2edde25.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/3175cf89-894c-5bd5-6b80-3c93cce71b23.png)

一番下に表示されました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/129d4f12-e4c7-bf25-4c4e-82074b58fd24.png)

Serverビューを右クリックし、New > Serverを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/34efa745-d452-76d5-81c3-c04375655fd0.png)

Apache配下から使用しているTomcatのバージョンと一致するTomcat（10.1）を選択しNextを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/1b6921a8-9700-f11d-a903-6b4f4bcc6d36.png)

Browseから事前にインストールしておいたtomcatを選択し、Finishを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/263b86c0-8ba9-7db5-7d78-220a6dae6d34.png)

#### STSの設定は以上！最後はHello world!です！(Hello～どうも～僕はここ～♪)

# Hello worldの表示
### プロジェクトの作成
コマンドプロンプトを開いて以下コマンドをコピペ、実行（置きたいファイルにcdで移動しておくと楽です）
~~~
mvn archetype:generate -B^
 -DarchetypeGroupId=org.terasoluna.gfw.blank^
 -DarchetypeArtifactId=terasoluna-gfw-web-blank-archetype^
 -DarchetypeVersion=5.8.1.RELEASE^
 -DgroupId=com.example.todo^
 -DartifactId=todo^
 -Dversion=1.0.0-SNAPSHOTcd
~~~

今回は色々あってDesktopに置きました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/f26e266a-0d63-c30c-70a4-01cbcb5cea96.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/a4b30002-ca6d-6c3a-c953-18a767e90bf2.png)

### プロジェクトのインポート
STSのメニューから、[File] -> [Import] -> [Maven] -> [Existing Maven Projects] -> [Next]を選択し、archetypeで作成したプロジェクトを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/1d33d28c-9e89-c870-f071-0f840e4489a7.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/a93429c2-f12b-dec0-df21-b9f185382845.png)

この状態でFinish
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/22089267-a3c6-81b4-f3e3-df41dbbad68a.png)

インポートが完了すると、Package Explorerに次のようなプロジェクトが表示される
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/e5cb9cbd-ea7e-403e-7a90-75bddc339f48.png)
もし.jspファイルにエラーが出た場合は公式チュートリアルに解決方法が乗っているため参照すること
（今回の記事はメインが環境構築なので設定値は解説しないこととする）


### サーバーで実行
プロジェクトを右クリックして「Run As」->「Run on Server」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/6b21147b-2921-3262-3bab-16d98c42b687.png)

APサーバー(Tomcat v10.1 Server at localhost)を選択し、「Next」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/f33a85f0-fb41-2f12-08a4-afe0acca2770.png)

todoが「Configured」に含まれていることを確認して「Finish」をクリックしてサーバーを起動
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/2e25b928-9850-5a69-99b0-509434918f4c.png)

ブラウザで http://localhost:8080/todo にアクセスすると、以下のように表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2698908/8e087f7c-d2a7-ee14-bb17-0f818a093262.png)

#### 以上で完了です！


# あとがき
今回はITエンジニアとして技術力が0（今でも技術力はカスである）だったころに苦労したことを、インフラPJを通して学んだことを使いながらやれば改めて勉強になるかなと思い立ったところから始まりました。

結論から申し上げますと大分なりました。当時は何も分からず人に手伝ってもらいながらその場で必死にエラーが治った理由も分からず完成してしまいましたが、今回は意味を考えながら躓くことなく最後まで出来たので良かったかなと思います。

特にTomcatインストールの際の/binか/srcかは分かってはいても今やり直すと改めて学びになりました。
細かい話は今度また別記事で書こうかと思います。
（気になる人は`バイナリファイル　ソースファイル　違い`とかで検索すれば山ほど出てきます）

最後にここまで読んでいただきありがとうございました。
皆様の良きプログラミングライフの一助になれば幸いです。

ではまた！