---
title: Valid Article
draft: false
---

{{ toc }}

This is the overview.

### 学習目標

Here are the goals.

## Item 1

Learning item 1.

_src/index.ts_
```typescript
console.log("Hello");
```

## Item 2

:::step

1. VSCodeでプロジェクトを開く

任意の場所（デスクトップなど）で`sample-j2ee`フォルダを作成し、VSCodeで`sample-j2ee`フォルダを開いてください。

2. サーブレットの追加

`src/main/java/com/example/servlet`に`SecondServlet.java`を作成して下記コードを追加してください。

- `@WebServlet("/second")` は`/second`というURLに対してサーブレットをマッピングするためのアノテーションです。
- `@Override` は`doGet`メソッドをオーバーライドするためのアノテーションです。
- `@WebServlet("/second")` は`/second`というURLに対してサーブレットをマッピングするためのアノテーションです。

_src/main/java/com/example/servlet/SecondServlet.java_
```java
@WebServlet("/second")
public class SecondServlet extends HttpServlet{
  @Override
  protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    PrintWriter out = resp.getWriter();
    //delstart
    out.print("Hello second page!!");
    //delend
    //addstart
    out.print("<h1>Hello second page!!<h1>");
    //addend
  }
}
```

3. アプリケーションの再起動

次のコマンドを実行してアプリケーションを再起動します。

_コマンド実行_
```bash
./mvnw spring-boot:run
```

4. ブラウザで動作確認

ブラウザを開き、`http://localhost:8080/second`にアクセスします。
見出し項目で「Hello second page!!」と表示されれば成功です。

![IMAGE_PROMPT: "ブラウザでHello second page!!と表示されている画面キャプチャ"]

5. コミット

修正した内容をコミットします。

_コマンド実行_
```bash
git add .
git commit -m "SecondServletを修正"
```

:::