[HOTFIX] 目標がない人は目標画面へ遷移できないバグを修正しました。

src/main/java/com/example/demo/app/presentation/controller/GoalController.java

@@ -53,7 +53,9 @@ public class GoalController {
 		LoginModel loginUser = (LoginModel) session.getAttribute("loginUser");
 
 		Long userId = loginUser.getUserId();
+
 		goalService.updateGoalComplete(userId);
+
 		List<GoalModel> goalModelList = goalService.getGoalByUserId(userId);
 
 		List<GoalForm> goalFormList1 = GoalForm.convertFrom(goalModelList);
@@ -66,6 +68,10 @@ public class GoalController {
 				"goalFormList",
 				goalFormList);
 
+		model.addAttribute(
+				"achievementList",
+				new ArrayList<MonthlyAchievementForm>());
+
 		if (goalFormList.isEmpty()) {
 			return "goal_view";
 		}
@@ -188,7 +194,8 @@ public class GoalController {
 			month = month.minusMonths(1);
 		}
 
-		Collections.reverse(monthlySavingList);
+		Collections.reverse(
+				monthlySavingList);
 
 		List<MonthlyAchievementForm> achievementList = new ArrayList<>();
 

src/main/resources/templates/goal_view.html

@@ -3,6 +3,7 @@
 
 <head>
 	<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
+
 	<title>目標詳細</title>
 
 	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
@@ -11,14 +12,13 @@
 </head>
 
 <body style="padding-top:80px; padding-bottom:80px;">
-	<div th:replace="~{header :: header}"></div>
 
+	<div th:replace="~{header :: header}"></div>
 
 	<div class="main-container">
 
 		<h1 class="page-title">目標詳細</h1>
 
-		<!--    -->
 		<div th:if="${graphGoal != null}">
 
 			<h2 th:text="${graphGoal.goalTitle}"></h2>
@@ -30,30 +30,28 @@
 
 		</div>
 
-
 		<div class="card shadow-sm mb-3">
+
 			<div style="height: 400px;">
 				<canvas id="myChart"></canvas>
 			</div>
-		</div>
 
+		</div>
 
 		<script th:inline="javascript">
 
 			const months =
-            /*[[${achievementList.![month.monthValue]}]]*/[];
+				/*[[${achievementList.![month.monthValue]}]]*/[];
 
 			const achievementRates =
-            /*[[${achievementList.![achievementRate]}]]*/[];
+				/*[[${achievementList.![achievementRate]}]]*/[];
 
 			const labels =
 				months.map(month => month + '月');
 
-
 			const myCt =
 				document.getElementById('myChart');
 
-
 			const myChart =
 				new Chart(myCt, {
 
@@ -83,27 +81,34 @@
 					options: {
 
 						responsive: true,
+
 						maintainAspectRatio: false,
 
 						scales: {
 
 							y: {
+
 								beginAtZero: true,
+
 								max: 100,
 
 								ticks: {
+
 									callback: function (value) {
 										return value + '%';
 									}
+
 								}
+
 							}
+
 						}
+
 					}
+
 				});
 
 		</script>
-		<!--    -->
-
 
 		<ul>
 
@@ -114,6 +119,7 @@
 					<form th:action="@{/goal}" method="get" class="w-100">
 
 						<div class="table-responsive">
+
 							<table class="table mb-0">
 
 								<input type="radio" name="goalId" th:value="${goalForm.goalId}"
@@ -146,6 +152,7 @@
 								</tr>
 
 							</table>
+
 						</div>
 
 					</form>
@@ -155,26 +162,29 @@
 				<div class="d-flex justify-content-end gap-2 mt-3">
 
 					<form th:action="@{/goal/edit}" method="get">
+
 						<input type="hidden" name="goalId" th:value="${goalForm.goalId}">
 
 						<button type="submit" class="btn btn-sm btn-primary">
 							編集
 						</button>
+
 					</form>
 
 					<form th:action="@{/goal/delete}" method="post">
+
 						<input type="hidden" name="goalId" th:value="${goalForm.goalId}">
 
 						<button type="submit" class="btn btn-sm btn-danger">
 							削除
 						</button>
+
 					</form>
 
 				</div>
 
 			</li>
 
-
 		</ul>
 
 	</div>
@@ -186,6 +196,7 @@
 		</button>
 
 	</form>
+
 	<form th:action="@{/goal/record}" method="get">
 
 		<button type="submit" class="btn btn-sm btn-primary w-100">
@@ -193,7 +204,7 @@
 		</button>
 
 	</form>
-	</div>
+
 	<div th:replace="~{footer :: footer}"></div>
 
 </body>