diff --git a/src/main/java/com/example/demo/controller/BookController.java b/src/main/java/com/example/demo/controller/BookController.java
new file mode 100644
index 0000000..d9788fc
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/BookController.java
@@ -0,0 +1,14 @@
+package com.example.demo.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+@Controller
+public class BookController {
+		@GetMapping("/book")
+		public String book() {
+			return "book";
+		}
+		
+	
+
+}
diff --git a/src/main/java/com/example/demo/controller/BookLendController.java b/src/main/java/com/example/demo/controller/BookLendController.java
new file mode 100644
index 0000000..21f7693
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/BookLendController.java
@@ -0,0 +1,13 @@
+package com.example.demo.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.PostMapping;
+@Controller
+public class BookLendController {
+		@PostMapping("/bookLend")
+		public String welcome() {
+			return "bookLend";
+		}
+	
+
+}
diff --git a/src/main/java/com/example/demo/controller/BookLendReturnController.java b/src/main/java/com/example/demo/controller/BookLendReturnController.java
new file mode 100644
index 0000000..a02e997
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/BookLendReturnController.java
@@ -0,0 +1,13 @@
+package com.example.demo.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.PostMapping;
+@Controller
+public class BookLendReturnController {
+		@PostMapping("/bookLendConfirmation")
+		public String bookLendConfirmation() {
+			return "book";
+		}
+	
+
+}
diff --git a/src/main/resources/templates/book.html b/src/main/resources/templates/book.html
new file mode 100644
index 0000000..d18c996
--- /dev/null
+++ b/src/main/resources/templates/book.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>社内図書一覧</title>
+</head>
+<body>
+	<form method="post" action="bookLend">
+
+
+	                    <button type="submit" class="btn-login">
+	                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>
+	                        貸出
+	                    </button>
+	                </form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/bookLend.html b/src/main/resources/templates/bookLend.html
new file mode 100644
index 0000000..5f90131
--- /dev/null
+++ b/src/main/resources/templates/bookLend.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>図書貸出処理</title>
+</head>
+<body>
+	図書貸出処理
+	<form id="loanForm"action="bookLendConfirmation" method="post">
+			<div class="button-area">
+
+						<div class="right-buttons">
+							<button type="button" class="btn btn-primary"
+								onclick="submitLoan()">貸出する</button>
+						</div>
+					</div>
+
+				</form>
+				
+				<script>
+				
+				function submitLoan() {
+
+							if (confirm('この図書を貸出しますか？')) {
+								// OK選択時にフォーム送信を実行し、BookLendReturnControllerに処理を投げる
+								document.getElementById('loanForm').submit();
+							}
+						}
+		</script>
+
+</body>
+</html>
\ No newline at end of file