From 83e97b7ec192390ce40df1150717a70345baa52c Mon Sep 17 00:00:00 2001
From: n-kawahito <n-kawahito@iij.ad.jp>
Date: Thu, 17 Sep 2026 10:56:57 +0900
Subject: [PATCH] =?UTF-8?q?[ADD]=E6=94=AF=E5=87=BA=E5=88=86=E6=9E=90?=
 =?UTF-8?q?=E7=94=BB=E9=9D=A2=EF=BC=88=E9=AA=A8=E7=B5=84=E3=81=BF=EF=BC=89?=
 =?UTF-8?q?=E3=81=AE=E4=BD=9C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/templates/analysis.html | 60 ++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 src/main/resources/templates/analysis.html

diff --git a/src/main/resources/templates/analysis.html b/src/main/resources/templates/analysis.html
new file mode 100644
index 0000000..31b6d9b
--- /dev/null
+++ b/src/main/resources/templates/analysis.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+<head>
+<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+<title>分析画面</title>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body>
+	
+	<h2 class="text-center">支出分析</h2>
+	
+	<table class="table text-center">
+        <thead>
+	        <tr>
+                <th scope="col">カテゴリ別</th>
+			    <th scope="col">支出</th>
+			    <th scope="col">前月比</th>
+			</tr>
+        </thead>
+        <tbody>
+			<tr>
+		      <th scope="row">総支出</th>
+			      <td>￥234,000</td>
+			      <td>+￥38,000</td>
+		      </tr>
+		</tbody>
+	</table>
+	
+	<hr class="border border-primary border-2 opacity-50">
+	
+	<table class="table text-center">
+	  <thead>
+	    <tr>
+	      <th scope="col">カテゴリ別</th>
+	      <th scope="col">支出</th>
+	      <th scope="col">前月比<br>コース比</th>
+	    </tr>
+	  </thead>
+	  <tbody>
+	    <tr>
+	      <th scope="row">食費</th>
+	      <td>￥34,000</td>
+	      <td>+￥8,000<br>+￥1,100</td>
+	    </tr>
+	    <tr>
+	      <th scope="row">交通費</th>
+	      <td>￥14,000</td>
+	      <td>+￥8,000<br>+￥1,100</td>
+	    </tr>
+	    <tr>
+	      <th scope="row">日用品</th>
+	      <td>￥4,000</td>
+	      <td>+￥8,000<br>+￥1,100</td>
+	    </tr>
+	  </tbody>
+	</table>
+	
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
\ No newline at end of file