diff --git a/web/public/js/tfm-files.js b/web/public/js/tfm-files.js
index 51de85d..71a74d4 100644
--- a/web/public/js/tfm-files.js
+++ b/web/public/js/tfm-files.js
@@ -27,25 +27,7 @@ $(document).on("dblclick", ".item", function (e) {
 		}
 		return true;
 	});
-	$(".item.selected").removeClass("selected");
-	$(".menu-wrapper").css("display", "flex");
-	$("#menu-file-view").css("display", "flex");
-	$("#preview").attr("src", "/preview/" + current_sasa.path);
-	$("#name").val(decodeURI(current_sasa.path));
-	$("#btn-full").attr("href", "/files/" + current_sasa.path);
-	let resp = tdb_query("$TFM", 24, '' + id);
-	if (!resp.status) {
-		alert("Something went wrong!");
-		return;
-	}
-	resp.data.forEach(tanzaku => {
-		$(`#t${tanzaku.id}`).addClass("selected");
-	});
-	if ($("#selection-filter")[0].checked) {
-		$(".list-item:not(.selected)").css("display", "none");
-	} else {
-		$(".list-item:not(.selected)").css("display", "block");
-	}
+	menu_view_file_open();
 });
 
 $(document).on("input", "#text-filter", function (e) {
@@ -77,8 +59,6 @@ $(document).on("submit", "#menu-file-view form", function (e) {
 		alert("Something went wrong!");
 		return;
 	}
-	$(".menu-wrapper").css("display", "none");
-	$("#menu-file-view").css("display", "none");
 	resp.data.forEach(tanzaku => {
 		let current = $(`#t${tanzaku.id}`)
 		if (current.hasClass("selected")) {
@@ -94,8 +74,7 @@ $(document).on("submit", "#menu-file-view form", function (e) {
 			console.log("ERROR: failed to add kazari: " + current_sasa.id + '-' + $(element).attr("id").slice(1));
 		}
 	});
-	$(".list-item").removeClass("selected").css("display", "block");
-	$("#text-filter").val("");
+	menu_view_close();
 });
 
 $(document).on("submit", "#menu-add form", function (e) {
@@ -105,7 +84,6 @@ $(document).on("submit", "#menu-add form", function (e) {
 		alert("Something went wrong!");
 		return;
 	}
-	$(".menu-wrapper").css("display", "none");
-	$("#menu-add").css("display", "none");
+	menu_add_close();
 	location.reload(true);
 });
diff --git a/web/public/js/tfm-management.js b/web/public/js/tfm-management.js
index aa965e1..c4381d1 100644
--- a/web/public/js/tfm-management.js
+++ b/web/public/js/tfm-management.js
@@ -77,6 +77,77 @@ function shoppyou_load() {
 	}
 }
 
+function menu_view_file_open() {
+	$(".selected").removeClass("selected");
+	$(".menu-wrapper").css("display", "flex");
+	$("#menu-file-view").css("display", "flex");
+	$("#preview").attr("src", "/preview/" + current_sasa.path);
+	$("#name").val(decodeURI(current_sasa.path));
+	$("#btn-full").attr("href", "/files/" + current_sasa.path);
+	let resp = tdb_query("$TFM", 24, '' + current_sasa.id);
+	if (!resp.status) {
+		alert("Something went wrong!");
+		return;
+	}
+	resp.data.forEach(tanzaku => {
+		$(`#t${tanzaku.id}`).addClass("selected");
+	});
+	if ($("#selection-filter")[0].checked) {
+		$(".list-item:not(.selected)").css("display", "none");
+	} else {
+		$(".list-item:not(.selected)").css("display", "block");
+	}
+}
+
+function menu_view_tag_open() {
+	$(function () {
+		$(".thumb").Lazy({
+			scrollDirection: "vertical",
+			effect: "fadeIn",
+			visibleOnly: true,
+			appendScroll: $(".list")[0],
+		});
+	});
+	$(".selected").removeClass("selected");
+	$(".menu-wrapper").css("display", "flex");
+	$("#menu-view").css("display", "flex");
+	$("#name").val(decodeURI(current_tanzaku.name));
+	let resp = tdb_query("$TFM", 40, '' + current_tanzaku.id);
+	if (!resp.status) {
+		alert("Something went wrong!");
+		return;
+	}
+	resp.data.forEach(sasa => {
+		$(`#s${sasa.id}`).addClass("selected");
+	});
+	if ($("#selection-filter")[0].checked) {
+		$(".list-item:not(.selected)").css("display", "none");
+	} else {
+		$(".list-item:not(.selected)").css("display", "block");
+	}
+}
+
+function menu_view_close() {
+	$(".menu-wrapper").css("display", "none");
+	$("#menu-view").css("display", "none");
+	$("#menu-file-view").css("display", "none");
+	$(".list-item").removeClass("selected").css("display", "block");
+	$("#name").val("");
+	$(".menu #text-filter").val("");
+}
+
+function menu_add_open() {
+	$(".menu-wrapper").css("display", "flex");
+	$("#menu-add").css("display", "flex");
+}
+
+function menu_add_close() {
+	$(".menu-wrapper").css("display", "none");
+	$("#menu-add").css("display", "none");
+	$("#new-name").val("");
+	$("#new-description").val("");
+}
+
 $(document).keyup(function (e) {
 	if (e.key === "Escape") {
 		$(".selected").removeClass("selected");
@@ -101,8 +172,7 @@ $(document).on("click", ".item", function (e) {
 
 $(document).on("click", "#btn-new", function (e) {
 	e.preventDefault();
-	$(".menu-wrapper").css("display", "flex");
-	$("#menu-add").css("display", "flex");
+	menu_add_open();
 });
 
 $(document).on("click", ".list-item", function (e) {
@@ -123,17 +193,10 @@ $(document).on("click", "#selection-filter", function (e) {
 
 $(document).on("click", "#btn-close", function (e) {
 	e.preventDefault();
-	$(".menu-wrapper").css("display", "none");
-	$("#menu-view").css("display", "none");
-	$(".list-item").removeClass("selected").css("display", "block");
-	$("#name").val("");
-	$(".menu #text-filter").val("");
+	menu_view_close();
 });
 
 $(document).on("click", "#btn-reset", function (e) {
 	e.preventDefault();
-	$(".menu-wrapper").css("display", "none");
-	$("#menu-add").css("display", "none");
-	$("#new-name").val("");
-	$("#new-description").val("");
+	menu_add_close();
 });
diff --git a/web/public/js/tfm-tags.js b/web/public/js/tfm-tags.js
index 9833153..8cfebd8 100644
--- a/web/public/js/tfm-tags.js
+++ b/web/public/js/tfm-tags.js
@@ -28,14 +28,6 @@ $(document).on("input", "#text-filter", function (e) {
 
 $(document).on("dblclick", ".item", function (e) {
 	e.preventDefault();
-	$(function () {
-		$(".thumb").Lazy({
-			scrollDirection: "vertical",
-			effect: "fadeIn",
-			visibleOnly: true,
-			appendScroll: $(".list")[0],
-		});
-	});
 	let id = parseInt($(this).attr("id").slice(1));
 	sappyou.every(tanzaku => {
 		if (tanzaku.id === id) {
@@ -44,23 +36,7 @@ $(document).on("dblclick", ".item", function (e) {
 		}
 		return true;
 	});
-	$(".item.selected").removeClass("selected");
-	$(".menu-wrapper").css("display", "flex");
-	$("#menu-view").css("display", "flex");
-	$("#name").val(decodeURI(current_tanzaku.name));
-	let resp = tdb_query("$TFM", 40, '' + id);
-	if (!resp.status) {
-		alert("Something went wrong!");
-		return;
-	}
-	resp.data.forEach(sasa => {
-		$(`#s${sasa.id}`).addClass("selected");
-	});
-	if ($("#selection-filter")[0].checked) {
-		$(".list-item:not(.selected)").css("display", "none");
-	} else {
-		$(".list-item:not(.selected)").css("display", "block");
-	}
+	menu_view_tag_open();
 });
 
 $(document).on("submit", "#menu-view form", function (e) {
@@ -70,8 +46,6 @@ $(document).on("submit", "#menu-view form", function (e) {
 		alert("Something went wrong!");
 		return;
 	}
-	$(".menu-wrapper").css("display", "none");
-	$("#menu-view").css("display", "none");
 	resp.data.forEach(sasa => {
 		let current = $(`#s${sasa.id}`)
 		if (current.hasClass("selected")) {
@@ -87,7 +61,7 @@ $(document).on("submit", "#menu-view form", function (e) {
 			console.log("ERROR: failed to add kazari: " + $(element).attr("id").slice(1) + '-' + current_tanzaku.id);
 		}
 	});
-	$(".list-item").removeClass("selected").css("display", "block");
+	menu_add_close();
 });
 
 $(document).on("click", "#btn-remove", function (e) {
@@ -100,8 +74,7 @@ $(document).on("click", "#btn-remove", function (e) {
 		alert("Something went wrong!");
 		return;
 	}
-	$(".menu-wrapper").css("display", "none");
-	$("#menu-view").css("display", "none");
+	menu_add_close();
 	location.reload(true);
 });
 
@@ -112,7 +85,6 @@ $(document).on("submit", "#menu-add form", function (e) {
 		alert("Something went wrong!");
 		return;
 	}
-	$(".menu-wrapper").css("display", "none");
-	$("#menu-add").css("display", "none");
+	menu_add_close();
 	location.reload(true);
 });