Spring Boot をvscodeで立ち上げ

こんにちは。バックエンドエンジニアの奥村です。
javaの環境構築記事はまだまだeclipseが多いので、今回はvscodeでspring bootの環境構築を行います。

事前準備

事前にvscodeの拡張をインストールしておきます。
以下をインストールしておくことで、補完機能など使えるようになります。

Etension Pack for Java
Spring Boot Extension Pack

spring boot プロジェクト生成

コマンドパレットから、Gradleプロジェクトのspring bootを選択します

spring bootのバージョンを選択します。

言語を選択します。今回はjavaなのでjavaを選択します。

パッケージ名を入力します。

プロジェクト名を入力します。

パッケージタイプはjarを選択します。

javaのバージョンを選択します。

ライブラリを選択します。ここで選択したライブラリはbuild.gradelのdependenciesに入ります。

Spring WebLomboksetterやgetterなどの冗長なコードの記述を省けますSpring Boot DevToolsファイルを保存した瞬間に、webアプリケーションを自動で再起動してくれますThymeleafspring_bootが標準で使うテンプレートエンジンです

ライブラリを選択し、Enterを押すと以下のような構造でファイルができます

Hello Worldを出力

今回memoアプリの作成を行いたいと思いますが、まずはhello wroldを出力するところまで書きたいと思います。

src/main/resources/templates配下にindex.htmlを作成します。

<!DOCTYPE html>
<html>
<head>
    <title>hello world</title>
</head>
<body>
    <h2>Hello World</h2>
</body>
</html><!DOCTYPE html>
<html>
<head>
    <title>hello world</title>
</head>
<body>
    <h2>Hello World</h2>
</body>
</html>

src/main/java/com/example/memo/配下にcontroller/MemoController.javaを作成します

package com.example.memo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * controller
 */
@Controller
public class MemoController {
    @RequestMapping("index")
    public String index() {
        return "index";
    }
}package com.example.memo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * controller
 */
@Controller
public class MemoController {
    @RequestMapping("index")
    public String index() {
        return "index";
    }
}

indexメソッドでreturn indexをしている部分でindex.htmlを返しています。

実行

上部にある実行ボタンを押すと、コンパイルとサーバーの起動を行ってくれる

localhost:8080にアクセスすると、hello worldの表示が確認できた

株式会社ゼロイチからお誘い

この話題に共感したら、メンバーと話してみませんか？

株式会社ゼロイチでは一緒に働く仲間を募集しています

Spring Boot をvscodeで立ち上げ

Akiyoshi Okumura

株式会社ゼロイチ / Web エンジニア

Java テックブログ関西エンジニア募集

株式会社ゼロイチ

ゼロイチは、自社プロダクト、システム開発、WEB制作、アプリ制作のほか、紙・WEB・プロダクト問わずさまざまなクリエイティブに強みをもつ会社です。「システムを作る、サイトを作る、ロゴを作る、チラシを作る。お客さまが大きな挑戦をしたい時、そのおもいを具現化できる存在でありたい」との考えから、2016年に立ち上げました。私たちが取り組んでいる事業は、「共存共栄をテクノロジーで実現する」を共通項として多岐にわたっています。たとえば、ファッション・アパレル業界に特化したワンストップソリューション、世界的ハイブランドと伝統工芸をコラボさせたプロダクトデザイン、大規模なプラットフォームの開発、VR・ARの開発、会計システム、マーケティングシステムなど。創業メンバーはグッドデザイン賞の受賞実績もあり、多彩な開発プロジェクトを通して、実績と信頼を積み重ねてきました。現在は自社サービスが完成し、ビジネス事業とプロダクト事業の2本柱で運営しています。「やるべきこと」「やりたいこと」がたくさんある中、仲間が足りません。そこで、新しい仲間を募ることにしました。プロダクトを【継続】するためには【利益を生み出す・コスト削減できる・効率化が図れる・価値を提供できる】要素が必要不可欠です。私たちと一緒に【継続】するプロダクトを創造しませんか。

フォロー

Akiyoshi Okumuraさんにいいねを伝えよう

Akiyoshi Okumuraさんや会社があなたに興味を持つかも

事前準備

事前にvscodeの拡張をインストールしておきます。以下をインストールしておくことで、補完機能など使えるようになります。

spring boot プロジェクト生成

Hello Worldを出力

株式会社ゼロイチ

同じタグの記事

今週のランキング

事前にvscodeの拡張をインストールしておきます。
以下をインストールしておくことで、補完機能など使えるようになります。