プログラミング言語Java入門です。
Javaの基本的な文法を学びます。

SpringBootコース

SpringBootによるアプリケーション作成

SpringBoot入門

ここでは、**To-Doリストの一覧画面で、タスクを削除できるようにコントローラクラスとテンプレートファイル**を修正します。
今回の処理範囲は以下のとおりです。
```mermaid
graph LR
    subgraph title[今回該当する範囲（特に★）]
        B["コントローラー"] --"リダイレクト\n★/tasks"--> A(["👤 クライアント"])
    end
    A --"削除リクエスト\n★POST /tasks/{id}/delete"--> B
        B --"DBから削除"--> D[(MyBatis\nマッパークラス)]
        D --"削除完了"--> B
```
## 1. タスクの削除機能の追加
### 1. コントローラーの機能拡張 (TaskController.java)

* 下記のソースコードを参考に、タスクの削除機能を実装します。
   * `*/tasks/{id}/delete*`に対して`POSTリクエスト`を処理するメソッド `*deleteTask*`を定義します。
     * <button data-type="skill" data-skill="45b67b48-cf7d-4233-9181-380a991f4f9f" data-keyword="title"></button>でidを受け取ります。
     * `*TaskMapper*`を利用して、指定した`*id*`のタスクを削除し、タスク一覧画面にリダイレクトします。

#### 参考用のソースコード
```java~TaskController
// ※ 以下は、変更・追加箇所のみを抜粋しています。
// ※ 既存のimport文、クラス宣言、その他のコードは省略しています。

    // 下記メソッドを追加
    @PostMapping("/{id}/delete")
    public String deleteTask(@PathVariable Long id) {
        taskMapper.deleteTask(id);
        return "redirect:/tasks";
    }
```
### 2. テンプレートファイルの機能拡張 (list.html)
削除ボタンを用意し、タスクごとに削除リクエストを送信できるようにします。
* `<form>`の`*th:action*`で`/tasks/{id}/delete`に**POSTリクエスト**を送信。
* `*style="display: inline;"*`で削除ボタンを横並びに配置。

```html~list
<ul>
    <li th:each="task : ${tasks}">
        <span th:text="${task.name}"></span>
        <a th:href="'/tasks/' + ${task.id} + '/edit'">Edit</a>
        
        <form th:action="'/tasks/' + ${task.id} + '/delete'" method="post" style="display: inline;">
            <button type="submit">Delete</button>
        </form>
        
    </li>
</ul>
```
#### 解説
* テンプレートの削除ボタン
   * `<form>`の`th:action="'/tasks/' + ${task.id} + '/delete'"`で、該当タスクの削除リクエストを送信。
     * `method="post"`を指定し、タスク削除を実行。
     * `style="display: inline;"`でボタンを横並びに。

## 2. 動作確認
1. アプリケーションを起動し、ブラウザで http://localhost:8080/tasks にアクセス。
2. タスク一覧の`Delete`ボタンをクリックし、タスクが削除されることを確認。
### ディレクトリ構成
```
src/
└── main/
    ├── java/
    │   └── com/
    │       └── example/
    │           └── todolist/
    │               ├── controller/
    │               │   └── TaskController.java  <-- 今回のレッスンで編集!
    │               ├── mapper/
    │               ├── model/
    │               └── TodolistApplication.java
    └── resources/
    │   ├── static/
    │   └── templates/
    │       ├── tasks/
    │       │   └── list.html  <-- 今回のレッスンで編集!
```
これで、To-Doリスト一覧画面へ削除機能の実装が完了しました。
次は、タスクの完了機能の実装に進みます！

13. 機能追加：タスクの削除機能の実装