[FIX] 下部の文字が隠れる問題を修正しました。

src/main/java/com/example/demo/app/domain/model/CourseModel.java

@@ -3,7 +3,6 @@ package com.example.demo.app.domain.model;
 import java.util.List;
 
 import com.example.demo.app.infra.entity.CourseEntity;
-import com.example.demo.app.infra.entity.UserEntity;
 
 import lombok.AllArgsConstructor;
 import lombok.Getter;
@@ -27,11 +26,10 @@ public class CourseModel {
 		return courseEntityList.stream().map(CourseModel::convertFrom).toList();
 	}
 	
-	public static CourseEntity convertTo(CourseModel courseModel, List<UserEntity> userEntityList) {
+	public static CourseEntity convertTo(CourseModel courseModel) {
 		return new CourseEntity(
 				courseModel.getCourseId(),
 				courseModel.getCourseName(),
-				courseModel.getDescription(), 
-				userEntityList);
+				courseModel.getDescription());
 	}
 }

src/main/java/com/example/demo/app/domain/service/CourseService.java

@@ -13,4 +13,11 @@ public interface CourseService {
 	public Long findByName(String courName);
 	
 	public CourseModel save(CourseModel courseModel, Long userId);
+
+	public List<CourseModel> findAllByUserId(Long userId);
+	
+	public List<CourseModel> findAllByNull();
+
 }
+
+

src/main/java/com/example/demo/app/domain/service/GoalService.java

@@ -18,6 +18,8 @@ public interface GoalService {
 	
 	public void updateGoalComplete(Long userId);
 
+	public int getCurrentAmount(Long userId);
+	
 //	void deleteGoal(Long goalId);
 
 }

src/main/java/com/example/demo/app/domain/service/impl/CourseServiceImpl.java

@@ -3,12 +3,16 @@ package com.example.demo.app.domain.service.impl;
 import java.util.ArrayList;
 import java.util.List;
 
+import jakarta.transaction.Transactional;
+
 import org.springframework.stereotype.Service;
 
 import com.example.demo.app.domain.model.CourseModel;
 import com.example.demo.app.domain.service.CourseService;
 import com.example.demo.app.infra.entity.CourseEntity;
+import com.example.demo.app.infra.entity.CourseOwnerEntity;
 import com.example.demo.app.infra.entity.UserEntity;
+import com.example.demo.app.infra.repository.CourseOwnerRepository;
 import com.example.demo.app.infra.repository.CourseRepository;
 import com.example.demo.app.infra.repository.UserRepository;
 
@@ -20,12 +24,22 @@ public class CourseServiceImpl implements CourseService {
 
 	private final CourseRepository courseRepository;
 	private final UserRepository userRepository;
+	private final CourseOwnerRepository courseOwnerRepository;
 	
 	public List<CourseModel> findAll(){
 		
 		return CourseEntity.createCourseModelList(courseRepository.findAll());
 	}
 	
+	public List<CourseModel> findAllByUserId(Long userId) { 
+		
+		return CourseModel.convertFrom(courseRepository.findAllByUserId(userId));
+	}
+	
+	public List<CourseModel> findAllByNull() {
+		return CourseModel.convertFrom(courseRepository.findAllByNull());
+	}
+	
 	public CourseModel findById(Long courseId) {
 		return CourseModel.convertFrom(courseRepository.findByCourseId(courseId));
 	}
@@ -34,12 +48,27 @@ public class CourseServiceImpl implements CourseService {
 		return courseRepository.findByCourseName(courseName).getCourseId();
 	}
 	
+	@Transactional
 	public CourseModel save(CourseModel courseModel, Long userId) {
 		
 		 List<UserEntity> userEntityList = new ArrayList<>();
 		 userEntityList.add(userRepository.findById(userId).get());
+		CourseEntity result = courseRepository.save( CourseModel.convertTo(courseModel));
+		
+		UserEntity user = userRepository.findById(userId).orElse(null);
+		
+		user.setCourseEntity(result);
+		
+		UserEntity userResult = userRepository.save(user);
+		
+		CourseOwnerEntity courseOwnerEntity = new CourseOwnerEntity();
+		courseOwnerEntity.setUserEntity(userResult);
+		courseOwnerEntity.setCourseEntity(result);
+		
+		courseOwnerRepository.save(courseOwnerEntity);
+		
+		return CourseModel.convertFrom(result);
 		
-		return CourseModel.convertFrom( courseRepository.save( CourseModel.convertTo(courseModel, userEntityList)));
 		
 	}
 }

src/main/java/com/example/demo/app/domain/service/impl/GoalServiceImpl.java

@@ -47,7 +47,7 @@ public class GoalServiceImpl implements GoalService {
 
 		// 現在の資産 = 貯蓄金 + 収支合計
 		int currentAmount = userEntity.getSaving() + transactionTotal;
-		
+
 		// 達成率(%) = 現在の資産 ÷ 目標金額 × 100
 
 		List<GoalModel> goalModelList = new ArrayList<GoalModel>();
@@ -59,13 +59,28 @@ public class GoalServiceImpl implements GoalService {
 								: (int) ((currentAmount * 100.0) / goalEntity.getTargetAmount()),
 						currentAmount)));
 
-
 		return goalModelList;
 	}
 
 	@Override
 	public GoalModel createGoal(GoalModel goalModel, Long userId) {
 
+		UserEntity userEntity = userRepository.findById(userId).orElseThrow();
+
+		int transactionTotal = userEntity.getTransactionEntityList().stream()
+				.mapToInt(t -> {
+					int sign = t.getCategoryEntity().getTransactionType() == 1 ? 1 : -1;
+					return sign * t.getAmount();
+				})
+				.sum();
+
+		// 現在の資産 = 貯蓄金 + 収支合計
+		int currentAmount = userEntity.getSaving() + transactionTotal;
+		
+		if (currentAmount >= goalModel.getTargetAmount()) {
+			return null;
+		}
+
 		GoalEntity goalEntity = GoalModel.convertTo(goalModel, userRepository.findById(userId).get());
 
 		GoalEntity savedGoalEntity = goalRepository.save(goalEntity);
@@ -82,7 +97,7 @@ public class GoalServiceImpl implements GoalService {
 
 		return GoalModel.convertFrom(updatedGoalEntity, 0, 0);
 	}
-	
+
 	public void delete(Long goalId) {
 		goalRepository.deleteById(goalId);
 	}
@@ -100,12 +115,29 @@ public class GoalServiceImpl implements GoalService {
 				.sum();
 
 		int currentAmount = userEntity.getSaving() + transactionTotal;
-		
+
 		goalEntityList.stream().forEach(goalEntity -> {
 			if (goalEntity.getTargetAmount() <= currentAmount) {
 				goalRepository.updateCompleteByGoalId(goalEntity.getGoalId());
 			}
 		});
 	}
+
+	public int getCurrentAmount(Long userId) {
+	
+		UserEntity userEntity = userRepository.findById(userId).orElseThrow();
+
+		int transactionTotal = userEntity.getTransactionEntityList().stream()
+				.mapToInt(t -> {
+					int sign = t.getCategoryEntity().getTransactionType() == 1 ? 1 : -1;
+					return sign * t.getAmount();
+				})
+				.sum();
+
+		int currentAmount = userEntity.getSaving() + transactionTotal;
+		
+		return currentAmount;
+		
+	}
 	
 }

src/main/java/com/example/demo/app/domain/service/impl/UserServiceImpl.java

@@ -52,6 +52,9 @@ public class UserServiceImpl implements UserService {
 		CourseEntity courseEntity = courseRepository.findById(courseId).orElse(null);
 
 		userEntity.setQuestionEntity(questionEntity);
+		
+		
+		
 		userEntity.setCourseEntity(courseEntity);
 
 		userEntity.setDeleteFlag(0);

src/main/java/com/example/demo/app/infra/entity/CourseEntity.java

@@ -7,7 +7,6 @@ import jakarta.persistence.Entity;
 import jakarta.persistence.GeneratedValue;
 import jakarta.persistence.GenerationType;
 import jakarta.persistence.Id;
-import jakarta.persistence.OneToMany;
 import jakarta.persistence.Table;
 
 import com.example.demo.app.domain.model.CourseModel;
@@ -35,9 +34,6 @@ public class CourseEntity {
 	 @Column(name = "description", nullable = false)
 	 private String description;
 	 
-	 @OneToMany(mappedBy = "courseEntity")
-	 private List<UserEntity> userEntity;
-	 
 	 public static List<CourseModel> createCourseModelList(List<CourseEntity> courseEntityList) {
 
 	        return courseEntityList

src/main/java/com/example/demo/app/infra/entity/CourseOwnerEntity.java

@@ -0,0 +1,37 @@
+package com.example.demo.app.infra.entity;
+
+import jakarta.persistence.Entity;
+import jakarta.persistence.FetchType;
+import jakarta.persistence.GeneratedValue;
+import jakarta.persistence.GenerationType;
+import jakarta.persistence.Id;
+import jakarta.persistence.JoinColumn;
+import jakarta.persistence.ManyToOne;
+import jakarta.persistence.OneToOne;
+import jakarta.persistence.Table;
+
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+@Entity
+@Table(name = "course_owner_t")
+@Data
+@NoArgsConstructor
+@AllArgsConstructor
+public class CourseOwnerEntity {
+	
+	@Id
+	@GeneratedValue(strategy = GenerationType.IDENTITY)
+	private Long courseOwnerId;
+	
+	@ManyToOne(fetch = FetchType.LAZY)
+	@JoinColumn(name = "user_id")
+	private UserEntity userEntity;
+	
+	@OneToOne(fetch = FetchType.LAZY)
+	@JoinColumn(name = "course_id")
+	private CourseEntity courseEntity;
+	
+	
+}

src/main/java/com/example/demo/app/infra/repository/CourseOwnerRepository.java

@@ -0,0 +1,9 @@
+package com.example.demo.app.infra.repository;
+
+import org.springframework.data.jpa.repository.JpaRepository;
+
+import com.example.demo.app.infra.entity.CourseOwnerEntity;
+
+public interface CourseOwnerRepository extends JpaRepository<CourseOwnerEntity, Long>{
+
+}

src/main/java/com/example/demo/app/infra/repository/CourseRepository.java

@@ -1,17 +1,24 @@
 package com.example.demo.app.infra.repository;
 
+import java.util.List;
+
 import org.springframework.data.jpa.repository.JpaRepository;
 import org.springframework.data.jpa.repository.Query;
 
 import com.example.demo.app.infra.entity.CourseEntity;
 
 public interface CourseRepository extends JpaRepository<CourseEntity, Long> {
-	
+
 	@Query("SELECT c FROM CourseEntity c WHERE c.courseId = :courseId ")
 	public CourseEntity findByCourseId(Long courseId);
-	
+
 	@Query("SELECT c FROM CourseEntity c WHERE c.courseName = :courseName ")
 	public CourseEntity findByCourseName(String courseName);
-	
-	
+
+	@Query("select c from CourseEntity c inner join CourseOwnerEntity o on c.courseId = o.courseEntity.courseId inner join UserEntity u on o.userEntity.userId = u.userId where u.userId = :userId")
+	public List<CourseEntity> findAllByUserId(Long userId);
+
+	@Query("select c from CourseEntity c where c.courseId between 1 and 6")
+	public List<CourseEntity> findAllByNull();
+
 }

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

@@ -14,6 +14,7 @@ import org.springframework.web.bind.annotation.RequestParam;
 
 import com.example.demo.aop.aspect.SessionCheck;
 import com.example.demo.app.domain.model.AllocationModel;
+import com.example.demo.app.domain.model.CourseModel;
 import com.example.demo.app.domain.model.LoginModel;
 import com.example.demo.app.domain.service.AllocationService;
 import com.example.demo.app.domain.service.CourseInfoService;
@@ -47,7 +48,9 @@ public class CourseController {
 		session.setAttribute(PageReturnAttributeKeyword.USER_FORM, userForm);
 		model.addAttribute(PageReturnAttributeKeyword.MODE, MODE);
 		model.addAttribute(PageReturnAttributeKeyword.CURRENT_COURSE_ID, courseService.findByName(DEFAULT));
-		model.addAttribute(PageReturnAttributeKeyword.COURSE_LIST, CourseForm.convertFrom(courseService.findAll()));
+
+		model.addAttribute(PageReturnAttributeKeyword.COURSE_LIST,
+				CourseForm.convertFrom(courseService.findAllByNull()));
 		model.addAttribute(PageReturnAttributeKeyword.COURSE_INFO_LIST,
 				CourseInfoForm.convertFrom(courseInfoService.findAll()));
 
@@ -66,9 +69,15 @@ public class CourseController {
 
 		Long currentCourseId = userService.findByUserId(userId).getCourseId();
 
+		List<CourseModel> courseModelList = new ArrayList<>(courseService.findAllByNull());
+
+		List<CourseModel> tempList = courseService.findAllByUserId(userId);
+
+		tempList.forEach(courseModelList::add);
+
 		model.addAttribute(PageReturnAttributeKeyword.MODE, MODE);
 		model.addAttribute(PageReturnAttributeKeyword.CURRENT_COURSE_ID, currentCourseId);
-		model.addAttribute(PageReturnAttributeKeyword.COURSE_LIST, CourseForm.convertFrom(courseService.findAll()));
+		model.addAttribute(PageReturnAttributeKeyword.COURSE_LIST, CourseForm.convertFrom(courseModelList));
 		model.addAttribute(PageReturnAttributeKeyword.COURSE_INFO_LIST,
 				CourseInfoForm.convertFrom(courseInfoService.findAll()));
 
@@ -117,27 +126,38 @@ public class CourseController {
 		List<AllocationModel> allocationModelList = new ArrayList<>();
 
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId1(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio1()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio1()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId2(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio2()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio2()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId3(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio3()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio3()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId4(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio4()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio4()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId5(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio5()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio5()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId6(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio6()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio6()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId7(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio7()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio7()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId8(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio8()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio8()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId9(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio9()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio9()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId10(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio10()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio10()));
 		allocationModelList.add(new AllocationModel(allocationFormList.getCategoryId11(),
-				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID), allocationFormList.getAllocationRatio11()));
+				(Long) session.getAttribute(PageReturnAttributeKeyword.COURSE_ID),
+				allocationFormList.getAllocationRatio11()));
 
 		allocationService.save(allocationModelList);
 

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

@@ -267,20 +267,31 @@ public class GoalController {
 
 	@SessionCheck
 	@GetMapping(TransitionTargetPageNameKeyword.CREATE)
-	public String createGoalGet(@ModelAttribute GoalForm goalForm, HttpSession session) {
+	public String createGoalGet(@ModelAttribute GoalForm goalForm, HttpSession session, Model model) {
 
+		LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
+
+		Long userId = loginUser.getUserId();
+		
+		int currentAmount = goalService.getCurrentAmount(userId);
+		
+		model.addAttribute("currentAmount", currentAmount);
+		
 		return TransitionTargetPageNameKeyword.GOAL_CREATE_HTML;
 	}
 
 	@SessionCheck
 	@PostMapping(TransitionTargetPageNameKeyword.CREATE)
-	public String createGoalPost(@ModelAttribute GoalForm goalForm, HttpSession session) {
+	public String createGoalPost(@ModelAttribute GoalForm goalForm, HttpSession session, Model model) {
 
 		LoginModel loginUser = (LoginModel) session.getAttribute(SessionKeyword.LOGIN_USER);
 
 		Long userId = loginUser.getUserId();
 
-		goalService.createGoal(GoalModel.convertFrom(goalForm), userId);
+		if (goalService.createGoal(GoalModel.convertFrom(goalForm), userId) == null) {
+			model.addAttribute(PageReturnAttributeKeyword.MESSAGE, "現在所持金より高い金額を設定してください。");
+			return TransitionTargetPageNameKeyword.GOAL_CREATE_HTML;
+		}
 
 		return TransitionTargetPageNameKeyword.REDIRECT + TransitionTargetPageNameKeyword.GOAL;
 	}

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

@@ -218,6 +218,24 @@ public class TransactionController {
 			}
 		}
 
+
+		List<CategoryForm> expenseList = new ArrayList<CategoryForm>();
+
+		List<CategoryForm> incomeList = new ArrayList<CategoryForm>();
+
+		for (CategoryForm categoryForm : categoryFormList) {
+
+			if (categoryForm.getTransactionType() == 0) {
+				expenseList.add(categoryForm);
+			} else {
+				incomeList.add(categoryForm);
+			}
+
+		}
+
+		model.addAttribute(PageReturnAttributeKeyword.EXPENSE_LIST, expenseList);
+		model.addAttribute(PageReturnAttributeKeyword.INCOME_LIST, incomeList);
+
 		model.addAttribute(PageReturnAttributeKeyword.TRANSACTION_FORM, transactionForm);
 
 		model.addAttribute(PageReturnAttributeKeyword.CATEGORY_FORM_LIST, categoryFormList);
@@ -408,7 +426,7 @@ public class TransactionController {
 
 		} else {
 			final String MESSAGE = "目標を設定してください";
-			
+
 			model.addAttribute(PageReturnAttributeKeyword.ACHIEVEMENT_RATE, MESSAGE);
 
 			model.addAttribute(PageReturnAttributeKeyword.CURRENT_AMOUNT, MESSAGE);

src/main/resources/templates/course_create_ratio.html

@@ -9,7 +9,7 @@
 	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
 </head>
 
-<body style="padding-top:80px; padding-bottom:80px;">
+<body style="padding-top:80px; padding-bottom:120px;">
 
 	<div th:replace="~{header :: header}"></div>
 

src/main/resources/templates/goal_create.html

@@ -37,6 +37,10 @@
 					<div>
 						<label>目標金額</label>
 						<input type="number" th:field="*{targetAmount}" required min="1">
+						<span th:text="|所持金：${currentAmount}円|"></span>
+						<span th:if="${message != null}">
+							<span th:text="${message}" style="color: red;"></span>
+						</span>
 					</div>
 
 					<div>
@@ -44,7 +48,7 @@
 						<input type="date" th:field="*{deadline}"
 							th:min="${#temporals.format(#temporals.createNow(), 'yyyy-MM-dd')}" required>
 					</div>
-					<button type="submit" class="btn btn-sm btn-primary w-100">更新する</button>
+					<button type="submit" class="btn btn-sm btn-primary w-100">登録</button>
 
 				</form>
 

src/main/resources/templates/select_course.html

@@ -34,7 +34,7 @@
 					</button>
 				</h2>
 				<div th:id="'collapse' + ${course.courseId}" class="accordion-collapse collapse"
-					data-bs-parent="#accordionExample">
+					data-bs-parent="#accordionExample" style="padding-bottom: 120px;">
 					<div class="accordion-body">
 						<span th:text="${course.description}"></span>
 						<table class="table table-bordered">

src/main/resources/templates/transaction_create.html

@@ -15,127 +15,149 @@
 
 	<div class="main-container">
 
-	    <h1 class="page-title">
-	        取引登録
-	    </h1>
+		<h1 class="page-title">
+			取引登録
+		</h1>
 
-	    <div class="card shadow-sm">
+		<div class="card shadow-sm">
 
-	        <div class="card-body">
+			<div class="card-body">
 
-	            <form th:action="@{/transaction/create}"
-	                  th:object="${transactionForm}"
-	                  method="post">
+				<form th:action="@{/transaction/create}" th:object="${transactionForm}" method="post">
 
 					<div class="mb-3">
-				      <label for="transactionDate"
-					         class="form-label">
-							 日付
-					  </label>
-				      <input type="date" 
-					         id="transactionDate" 
-							 class="form-select"
-							 name="transactionDate" 
-							 th:value="*{transactionDate}"
-							 required>
+						<label for="transactionDate" class="form-label">
+							日付
+						</label>
+						<input type="date" id="transactionDate" class="form-select" name="transactionDate"
+							th:value="*{transactionDate}" required>
 					</div>
 
-	                <div class="mb-3">
+					<div class="mb-3">
 
-	                    <label for="transactionType"
-	                           class="form-label">
-	                        収入・支出
-	                    </label>
+						<label for="transactionType" class="form-label">
+							収入・支出
+						</label>
 
-	                    <select id="transactionType"
-	                            class="form-select"
-	                            th:field="*{transactionType}"  
-								required>
+						<select id="transactionType" class="form-select" th:field="*{transactionType}" required>
 
-	                        <option value="">
-	                            選択してください
-	                        </option>
+							<option value="">
+								選択してください
+							</option>
 
-	                        <option value="1">
-	                            支出
-	                        </option>
+							<option value="1">
+								支出
+							</option>
 
-	                        <option value="2">
-	                            収入
-	                        </option>
+							<option value="2">
+								収入
+							</option>
 
-	                    </select>
+						</select>
 
-	                </div>
+					</div>
 
-	                <div class="mb-3">
+					<div class="mb-3">
 
-	                    <label for="categoryId"
-	                           class="form-label">
-	                        カテゴリ
-	                    </label>
+						<label for="categoryId" class="form-label">
+							カテゴリ
+						</label>
 
-	                    <select id="categoryId"
-	                            class="form-select"
-	                            th:field="*{categoryId}"  
-								required>
+						<select id="categoryId" class="form-select" th:field="*{categoryId}" required>
 
-	                        <option value="">
-	                            選択してください
-	                        </option>
+							<option value="">
+								選択してください
+							</option>
 
-	                        <option th:each="category : ${categoryFormList}"
-	                                th:value="${category.categoryId}"
-	                                th:text="${category.categoryName}">
-	                        </option>
+							<option class="expenseListClass" th:each="category : ${expenseList}"
+								th:value="${category.categoryId}" th:text="${category.categoryName}">
+							</option>
 
-	                    </select>
+							<option class="incomeListClass" th:each="category : ${incomeList}"
+								th:value="${category.categoryId}" th:text="${category.categoryName}">
+							</option>
 
-	                </div>
+						</select>
 
-	                <div class="mb-3">
+					</div>
 
-	                    <label for="amount"
-	                           class="form-label">
-	                        金額
-	                    </label>
+					<div class="mb-3">
 
-	                    <input type="number"
-	                           id="amount"
-	                           class="form-control"
-	                           th:field="*{amount}"
-	                           min="0"
-							   max="100000000"
-	                           placeholder="金額を入力してください"  
-							   required>
+						<label for="amount" class="form-label">
+							金額
+						</label>
 
-	                </div>
+						<input type="number" id="amount" class="form-control" th:field="*{amount}" min="1"
+							max="100000000" placeholder="金額を入力してください" required>
 
-	                <input type="hidden"
-	                       name="today"
-	                       th:value="${today}">
+					</div>
 
-	                <div class="d-grid">
+					<input type="hidden" name="today" th:value="${today}">
 
-	                    <button type="submit"
-	                            class="btn btn-primary">
+					<div class="d-grid">
 
-	                        登録
+						<button type="submit" class="btn btn-primary">
 
-	                    </button>
+							登録
 
-	                </div>
+						</button>
 
-	            </form>
+					</div>
 
-	        </div>
+				</form>
 
-	    </div>
+			</div>
+
+		</div>
 
 	</div>
 
 	<div th:replace="~{footer :: footer}"></div>
 
+	<script>
+		const transactionType = document.getElementById("transactionType");
+		const categoryId = document.getElementById("categoryId");
+
+		const expenseList = document.getElementsByClassName("expenseListClass");
+		const incomeList = document.getElementsByClassName("incomeListClass");
+
+		transactionType.addEventListener("change", function () {
+
+			if (this.value === "1") {
+
+				for (let i = 0; i < expenseList.length; i++) {
+					expenseList[i].style.display = "";
+				}
+
+				for (let i = 0; i < incomeList.length; i++) {
+					incomeList[i].style.display = "none";
+				}
+
+			} else if (this.value === "2") {
+
+				for (let i = 0; i < expenseList.length; i++) {
+					expenseList[i].style.display = "none";
+				}
+
+				for (let i = 0; i < incomeList.length; i++) {
+					incomeList[i].style.display = "";
+				}
+
+			} else {
+
+				for (let i = 0; i < expenseList.length; i++) {
+					expenseList[i].style.display = "none";
+				}
+
+				for (let i = 0; i < incomeList.length; i++) {
+					incomeList[i].style.display = "none";
+				}
+			}
+
+			categoryId.value = "";
+		});
+	</script>
+
 
 </body>