Spring Tool Suite 4(STS)のインストール手順＋デモプログラムのテスト実行（2024/01/11）

:::note info
インフォメーション
本記事は下記記事のリスペクト記事です。本記事が役に立ったと思う方は下記記事に「いいね」をお願いします。
[Spring Tool Suite 4(STS)のインストール手順](https://qiita.com/t-shin0hara/items/d60116ab299a4dc8a9d0)
:::

# STSのインストール手順
### jarファイルのダウンロード
[ダウンロードサイト](https://spring.io/tools/)にアクセスし、使用デバイスにしたがってファイルをダウンロード。

![image001.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/994aa202-e1ff-1043-bf0e-fbb6f27cf199.png)

### ダウンロードしたjarファイルをダブルクリックして解凍
![image002.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/42168c7a-a8f9-cbdb-a4f1-c8cb8b007ab4.png)

### フォルダ内のexeファイルを実行
![image004.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/7ab15c71-0a08-1056-3dbb-334c703a3079.png)

### フォルダを任意の場所に格納しておく
今回はリスペクト記事に従ってCドライブ直下に配置します。
![image009.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/13852bab-a5f7-251a-3298-b6de6115e1e8.png)


### workspaceを決定
図は初期の状態です。変更したい場合はBrowseボタンから、任意のworkspaceを決定してください。
![image005.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/f1959b66-b634-c765-eef3-973ed14193b3.png)

### インストール完了画面
![image006.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/232557b0-c715-2f32-f32d-89ae2fa00c52.png)

### 日本語化
[Pleiades日本語化プラグイン](https://willbrains.jp/)にアクセスし、Windowsボタンを押下して日本語化ツールをダウンロードする。
解凍したら setup.exe を実行する。

![image007.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/7990d84f-1853-e21e-3df1-bb9ae5ceebc0.png)

下図の選択をクリックし、jarファイルを解凍したフォルダ（Cドライブ直下に格納したもの）に入っている「SpringToolSuite4.exe」を選択する

![image008.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/509fc8e4-bf4f-5738-a64a-b9e91734ebe5.png)

画面に情報が表示されたら「日本語化する」ボタンをクリック

![image010.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/1d56526c-405b-5914-2804-b676f11c5982.png)

下図ポップアップのOKボタンをクリック

![image011.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/56fe3795-afc6-c1f8-4ca8-2c772a46f036.png)

C:\sts-4.21.0.RELEASE\SpringToolSuite4.exe をダブルクリックしてSTSを起動する

![image012.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/7a8570fb-c0ba-b1c4-0718-7d82424aaa5d.png)

STSを開いて日本語化できたことを確認する

![image013.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/58a78343-53e0-6f36-6538-a4fcbf291d9e.png)

# STSのJavaエディターフォントの設定変更

Javaエディタのデフォルトのフォント「Consolas」は一部の日本語が文字化けするため、フォントを変更するのが推奨。

![image014.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/f9238e3d-f43c-ec80-816f-ccca2623b935.png)

左ペインにて「一般」→「外観」→「色とフォント」から「Javaエディタ」の「編集」を選択する

![image015.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/9226f24c-7aac-6f69-58ba-5b44ec834b83.png)

フォントを選択して「OK」を選択する

![image016.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/60f92575-0893-9456-413a-17d48c0b9e0c.png)

「適用して閉じる」ボタンを押下する

![image017.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/6e080feb-bfa8-7b1e-e6af-194f33c43855.png)

# Springプロジェクトを作成

今回は下記の４つを導入する。
- Lombok
- Spring Web
- Thymeleaf
- Spring Boot DevTools

「新規Spring スターター・プロジェクトの作成」をクリック

![proj000.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/0863e589-934e-576f-75ce-7060265449df.png)

「つぎへ」をクリック

![proj001.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/8c4c7986-bb1c-fa1e-6b66-6ebc78068291.png)

プラグインを選択し「完了」をクリック
Lombok、Spring Boot DevTools は「開発者ツール」から、
Spring Web は「WEB」から、
Thymeleaf は「テンプレート・エンジン」から選択する

![proj002.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/36c58a54-3642-55f7-aa1c-a06d7aaa13e1.png)

左ペインを開くとこのような構造になっているはず

![STS001.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/c5958c64-12c4-3a96-5956-e61e367c4307.png)

# Springプロジェクトのテストを実行

DemoApplicationTest.java を右クリックして、「実行」→「JUnit Test」を実行

![STS002.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/1540448f-28ac-776b-d6c5-76a537ebabeb.png)

テストが実行できたことを確認
左下のバーが全部緑色になっているので「すべてのテストが期待通りにパスした」ことを意味する

![STS003.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222234/afcfa9f7-85f2-fbbf-df09-cef0513d3530.png)