From f51fbe074a35e209d8aa0be619c931744b858a3b Mon Sep 17 00:00:00 2001
From: KentaroKumode <23e1273@andrew.ac.jp>
Date: Sat, 12 Jul 2025 16:49:23 +0900
Subject: [PATCH] =?UTF-8?q?todo=E5=89=8A=E9=99=A4=E6=A9=9F=E8=83=BD?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/page.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c1baa81..fc216f5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -46,6 +46,15 @@ export default function Home() {
     setTodos(updatedTodos);
   };
 
+  const deleteTodo = (id: number) => {
+    // 確認ダイアログを表示（オプション）
+    if (confirm('本当に削除しますか？')) {
+      // filterを使って該当ID以外の要素で新しい配列を作成
+      const filteredTodos = todos.filter(todo => todo.id !== id);
+      setTodos(filteredTodos);
+    }
+  };
+
   return (
     <main className="min-h-screen p-8 bg-gray-50">
       <div className="max-w-md mx-auto bg-white rounded-lg shadow-md p-6">
@@ -80,6 +89,12 @@ export default function Home() {
               >
                 {todo.text}
               </span>
+              <button
+                onClick={() => deleteTodo(todo.id)}
+                className="text-red-500 hover:text-red-700 ml-2 px-2 py-1 rounded transition-colors"
+              >
+                削除
+              </button>
             </div>
           ))}
         </div>