## はじめに
今回はVSCodeでのSpring Bootプロジェクトの開始方法を書いていきます。
Macで作成しています。

最初に、表示からコマンドパレッドをクリック
![スクリーンショット 2022-12-26 16.37.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/7523af8d-efb3-d3c8-8095-13b14dea1b59.png)

そうすると以下のような表示になります。
Spring Bootのプロジェクトには主に、「Gradle」と「Maven」がありますが、今回は「Gradle」で作成していきます。
![スクリーンショット 2022-12-26 16.37.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/9d79972a-4e16-18e0-ce46-097376af79df.png)

次は、Spring Bootのバージョンを指定します。
今回は2.7.8を指定します。
![スクリーンショット 2022-12-26 16.37.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/26a30d29-fa66-8362-e4ad-c6b41d2c3a9f.png)

次は、プログラミング言語を指定します。今回はSpring Bootでの開発なので、Javaを指定します。
![スクリーンショット 2022-12-27 10.09.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/20e4e49a-6855-57cf-3925-6ce05d13fa4a.png)

次は、パッケージ名の指定です。
今回は、このままEnterで進みます。
![スクリーンショット 2022-12-27 10.08.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/b1bc87da-b421-2a23-944d-47d33b2b9feb.png)

次はプロジェクト名の指定です。
今回は「base」と指定してEnterで進みます。
![スクリーンショット 2022-12-27 10.08.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/57ca9c20-98a1-b33b-a2c0-7c9db0df965a.png)




次は、このMacで使用されているJavaのバージョンを指定します。
こちらでインストールされているバージョン以外のバージョンを指定するとエラーになってしまい、Spring Bootが起動できなくなるので注意してください。
VSCodeのターミナルで、Javaのバージョンを以下のコマンドで確認します。
![img](/mosaic-code.jpg)
このMacではJava19がインストールされているので、19を指定します。
![スクリーンショット 2022-12-26 16.38.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/9b0771e2-2158-e741-3aa4-62603bce08ac.png)

次は、依存関係の指定をします。
要は、Spring Bootで使える便利な機能を指定します。
こちらはプロジェクトを開始した後でも追加ができるので、今回は、以下の10個を指定しておきます。
![スクリーンショット 2022-12-26 16.40.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/959569a7-6cec-8a53-fddb-3c7cfdb8aac2.png)

画像はありませんが、作成したファイルを格納する場所を指定する画面になりますが、今回はデスクトップに指定します。
そうすると、「作成者を信頼しますか？」とVSCodeに聞かれますが、「はい」をクリックしてください。

すると、以下の画面になり、Spring Bootのプロジェクトが作成されました！

最後に、Spring Bootプロジェクトがちゃんと作成できているか確認するために、画像で指定されている「Run」というところをクリックしてください。
![スクリーンショット 2022-12-26 16.41.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/675e9170-b149-2fa5-d0ff-127fadfe4b77.png)

ターミナルが以下の画像のような画面になれば、Spring Bootがちゃんと起動しています。
![スクリーンショット 2022-12-26 16.41.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/7cbd2388-bd1e-1b88-7e20-7ab2a3539e61.png)

起動が確認できたら、ブラウザで
http://localhost:8080/
を打ち込むと、以下のような画面になります。

今回は依存関係を指定するところで、ログイン機能などを実装するために必要な「Spring Security」を指定したので、Spring Bootに初めから搭載されているログイン画面が表示されます。


![スクリーンショット 2022-12-26 16.42.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/b68142d7-6a90-3c1b-d71b-1ae8998c4ece.png)

以上でSpring Bootプロジェクトの作成が成功しました。
[cv:issue_marketplace_engineer]

## はじめに
今回はVSCodeでのSpring Bootプロジェクトの開始方法を書いていきます。
Macで作成しています。

最初に、表示からコマンドパレッドをクリック
![スクリーンショット 2022-12-26 16.37.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/7523af8d-efb3-d3c8-8095-13b14dea1b59.png)

そうすると以下のような表示になります。
Spring Bootのプロジェクトには主に、「Gradle」と「Maven」がありますが、今回は「Gradle」で作成していきます。
![スクリーンショット 2022-12-26 16.37.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/9d79972a-4e16-18e0-ce46-097376af79df.png)

次は、Spring Bootのバージョンを指定します。
今回は2.7.8を指定します。
![スクリーンショット 2022-12-26 16.37.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/26a30d29-fa66-8362-e4ad-c6b41d2c3a9f.png)

次は、プログラミング言語を指定します。今回はSpring Bootでの開発なので、Javaを指定します。
![スクリーンショット 2022-12-27 10.09.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/20e4e49a-6855-57cf-3925-6ce05d13fa4a.png)

次は、パッケージ名の指定です。
今回は、このままEnterで進みます。
![スクリーンショット 2022-12-27 10.08.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/b1bc87da-b421-2a23-944d-47d33b2b9feb.png)

次はプロジェクト名の指定です。
今回は「base」と指定してEnterで進みます。
![スクリーンショット 2022-12-27 10.08.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/57ca9c20-98a1-b33b-a2c0-7c9db0df965a.png)




次は、このMacで使用されているJavaのバージョンを指定します。
こちらでインストールされているバージョン以外のバージョンを指定するとエラーになってしまい、Spring Bootが起動できなくなるので注意してください。
VSCodeのターミナルで、Javaのバージョンを以下のコマンドで確認します。
```
MacBook-Air ~ % java -version
java version "19.0.1" 2022-10-18
Java(TM) SE Runtime Environment (build 19.0.1+10-21)
Java HotSpot(TM) 64-Bit Server VM (build 19.0.1+10-21, mixed mode, sharing)
```
このMacではJava19がインストールされているので、19を指定します。
![スクリーンショット 2022-12-26 16.38.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/9b0771e2-2158-e741-3aa4-62603bce08ac.png)

次は、依存関係の指定をします。
要は、Spring Bootで使える便利な機能を指定します。
こちらはプロジェクトを開始した後でも追加ができるので、今回は、以下の10個を指定しておきます。
![スクリーンショット 2022-12-26 16.40.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/959569a7-6cec-8a53-fddb-3c7cfdb8aac2.png)

画像はありませんが、作成したファイルを格納する場所を指定する画面になりますが、今回はデスクトップに指定します。
そうすると、「作成者を信頼しますか？」とVSCodeに聞かれますが、「はい」をクリックしてください。

すると、以下の画面になり、Spring Bootのプロジェクトが作成されました！

最後に、Spring Bootプロジェクトがちゃんと作成できているか確認するために、画像で指定されている「Run」というところをクリックしてください。
![スクリーンショット 2022-12-26 16.41.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/675e9170-b149-2fa5-d0ff-127fadfe4b77.png)

ターミナルが以下の画像のような画面になれば、Spring Bootがちゃんと起動しています。
![スクリーンショット 2022-12-26 16.41.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/7cbd2388-bd1e-1b88-7e20-7ab2a3539e61.png)

起動が確認できたら、ブラウザで
http://localhost:8080/
を打ち込むと、以下のような画面になります。

今回は依存関係を指定するところで、ログイン機能などを実装するために必要な「Spring Security」を指定したので、Spring Bootに初めから搭載されているログイン画面が表示されます。


![スクリーンショット 2022-12-26 16.42.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/b68142d7-6a90-3c1b-d71b-1ae8998c4ece.png)

以上でSpring Bootプロジェクトの作成が成功しました。
[![image](https://firebasestorage.googleapis.com/v0/b/issue-pro-42602.appspot.com/o/topics%2F17fa658b-53c7-4ca0-a28b-e588ed1bd371?alt=media&token=2c00afff-85ff-4428-8d15-696ab676dcb0)](https://i-ssue.com/lp/check_salary)

はじめに

続きを読むには単価診断を受けてください（30秒）