LocalでHello Worldを表示させる

## はじめに
今回は、STSで、Hello worldを表示させるまでのやり方を記録していきたいと思います。
まず、STSのセットアップが完了していない方は、私が前回に書いた記事を見てください。

https://qiita.com/ren_g/items/4a2f0826adc26120a083


## 前提条件

|Windows10 64bit|
|---|

## 準備
まず、STSを起動させましょう。
<img width="500"src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/3e27f5ff-d9f1-132a-3cfa-f2d2f183ae0b.png">
SpringToolSuite4.exeを開いてください。

<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/6928e1e4-e0b8-9ef5-6d2d-5713980338b5.png">

基本的に起動を押してもらえれば大丈夫です。
もし、ワークスペースとしてのディレクトリを変更したい場合は、「参照」を押してファイルを選択してください。

<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/8d8a2967-d7ac-4530-f223-c6f4d1e0fb41.png">

STS起動したら、左上の「ファイル」を押します。

<img width="400" SRC="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/4e87af08-512f-1dd3-24af-f1b8116fdd84.png">

「ファイル」を押したら、「新規」から、「その他」を押します。
この時に、「新規」から、そのまま「Spring スターター・プロジェクト」に進むことが出来る方がいます。そういう方は、「Spring スターター・プロジェクト」を押して読み進めてください。

<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/f803527e-f4d3-51f0-5cc6-d935f8b2d7b0.png">

この画面が表示されるので、下にスクロールします。

<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/31d43dda-0731-710c-1e3f-2ef950b81983.png">

下にスクロールしたら、「Spring　Boot」というフォルダがあるので、フォルダの左の矢印を押します。
そしたら、上の写真のような画面になるので、「Spinrg スターター・プロジェクト」を選択します。

<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/d093556a-ead1-7dd8-2023-f56b7c1edc8b.png">

次に、この画面が表示されます。
ここでは、左上の赤枠で囲ってあるように設定してください。他の設定はそのままで大丈夫です。
また、補足ですが「JAVA バージョン」という欄で、JAVAのバージョンを決定しますが、バージョン20をダウンロードしていても、17に設定するようにしてください。
プログラム実行時にエラーが起きてしまいます。
そして、右下の次へを押します。

<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/bf5dd6c6-1ba4-dde3-a062-6dd9cdf207ed.png">


まず、「開発者ツール」の左矢印を押します。
その次に、「Spinrg Boot DevTools」にチェックを入れます。
チェックできたら、選択済みに表示されるので、確認してください。

<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/f8c41d58-7d11-6ffa-c9cd-8186785bf77f.png">

続けて、一番下までスクロールしていくと、「Web」という欄があるので、その左矢印を押して、「Spring　Web」にチェックを入れます。
こちらも右の選択済みの欄に追加されているので、確認してください。
ここまできたら、完了を押してください。


<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/8dfdf64a-3bb0-5ea6-1f2d-7628621d46a4.png">

そうすると、「demo」がパッケージ・エクスプローラーに追加されているので、「demo」の左矢印を押します。
続けて、「src/main/java」の左矢印⇒「com.example.demo」の左矢印⇒「DemoApplication.java」と表示させます。
そして、「DemoApplication.java」を開いてコードを表示させます。
ここまでできたら、下記のコードを入力します。
```
package com.example.demo; //com.examle.demoがパッケージに属していることを示している。

import org.springframework.boot.SpringApplication; //SpringApplicationを使用するためにインポート
import org.springframework.boot.autoconfigure.SpringBootApplication;//Applicationを自動的にセットアップ
import org.springframework.web.bind.annotation.RequestMapping;//URLとコントローラーのクラスやメソッドを紐づけている。
import org.springframework.web.bind.annotation.RestController;//API形式のレスポンスを表示するためにRestControllerを使用

@SpringBootApplication//SpringBootフレームワークの自動生成を有効にしている
@RestController//APIを構成
public class DemoApplication {//DemoApplicationをどこからでもアクセスできるように変更
	
	@RequestMapping("/")//クラスとクラスパスを紐づける
	String home() {//レスポンスとして返される文字列を定義するためにhomeを使用
		return "Hello World!";//returnでその文字列を決めている
	}

	public static void main(String[] args) {//エントリーポイント
		SpringApplication.run(DemoApplication.class, args);//DemoApplicationを指定して起動
	}
}

```
すでにプログラムの中に書き込まれている部分がありますが、全て削除してこのコードを入力してください。



## 実行
最終段階です。
右上の「実行」から、「実行」にカーソルを合わせて、「Spring Boot アプリケーション」をクリックしてください。

<img width="100%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/072d5bb6-cb06-0a07-5d45-2fdff9920413.png">

<img=width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/cae036d6-d04d-7fdb-5841-ef3fe88f5edf.png">
実行すると、このような画面になります。
この画面が確認できたら、<http://localhost:8080>と検索ボックスに入力してみてください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3526192/191a3fad-c20a-3dee-ba23-36a1cb9d8a5e.png)


ページに飛ぶと「Hello World!」と表示されます。

これで終わりです。
お疲れさまでした。


## 参考サイト
私は、この記事を参考にしました。
リンクを載せておきます。

https://www.sys-link.jp/technical/SpringBoot/SpringBoot1-1.html