Yutaka Kobayashi · @yutaka.kobayashi · Tetsuya Maki · Yutaka Kobayashi · Tetsuya Maki · Yutaka Kobayashi
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+class Home {
+  constructor() {
+    this.modal();
+    this.fadeIn();
+  }
+
+  modal() {
+    const body = document.getElementsByTagName("body")[0];
+    const btn = document.querySelectorAll(".novelList__button");
+    const modalBack = document.querySelector(".modalBackground");
+    const modal = document.querySelectorAll(".modal");
+    const closeBtn = document.querySelector(".modal__button");
+
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+class Home {
+  constructor() {
+    this.modal();
+    this.fadeIn();
+  }
+
+  modal() {
+    const body = document.getElementsByTagName("body")[0];
+    const btn = document.querySelectorAll(".novelList__button");
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+        modal[i].classList.remove("open");
+      }
+    });
+
+    function menuClick() {
+      const menus = document.getElementsByClassName("close");
+      body.classList.remove("open");
+      modalBack.classList.remove("open");
+      const hogeElements = document.querySelectorAll(".modal");
+
+      hogeElements.forEach((item) => {
+        item.classList.remove("open");
+      });
+    }
+
+    const menus = document.getElementsByClassName("close");
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+
+      hogeElements.forEach((item) => {
+        item.classList.remove("open");
+      });
+    }
+
+    const menus = document.getElementsByClassName("close");
+    for (let i = 0; i < menus.length; i++) {
+      menus[i].addEventListener("click", menuClick, false);
+    }
+
+    const menus02 = document.getElementsByClassName("modal__button");
+    for (let i = 0; i < menus.length; i++) {
+      menus02[i].addEventListener("click", menuClick, false);
+    }
+  }
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+    function scroll_effect() {
+      var element = document.getElementsByClassName("scrollUp");
+      if (!element) return;
+
+      var scrollY = window.pageYOffset;
+      var windowHeight = window.innerHeight;
+      var showTiming = 200;
+      for (var i = 0; i < element.length; i++) {
+        var elementClientRect = element[i].getBoundingClientRect();
+        var elementY = scrollY + elementClientRect.top;
+        if (scrollY > elementY - windowHeight + showTiming) {
+          element[i].classList.add("is-show");
+        }
+      }
+    }
+    window.addEventListener("scroll", scroll_effect);
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+    }
+
+    const menus = document.getElementsByClassName("close");
+    for (let i = 0; i < menus.length; i++) {
+      menus[i].addEventListener("click", menuClick, false);
+    }
+
+    const menus02 = document.getElementsByClassName("modal__button");
+    for (let i = 0; i < menus.length; i++) {
+      menus02[i].addEventListener("click", menuClick, false);
+    }
+  }
+
+  // フェードイン
+  fadeIn() {
+    function scroll_effect() {
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+        modalBack.classList.add("open");
+        modal[i].classList.add("open");
+      }
+    }
+
+    // モーダルを非表示にする
+    closeBtn.addEventListener("click", function () {
+      body.classList.remove("open");
+      modalBack.classList.remove("open");
+      for (let i = 0; i < modal.length; i++) {
+        modal[i].classList.remove("open");
+      }
+    });
+
+    function menuClick() {
+      const menus = document.getElementsByClassName("close");
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+    const modal = document.querySelectorAll(".modal");
+    const closeBtn = document.querySelector(".modal__button");
+
+    // モーダルを表示する
+    for (let i = 0; i < btn.length; i++) {
+      btn[i].addEventListener("click", addOpen);
+      function addOpen(e) {
+        e.preventDefault();
+        body.classList.add("open");
+        modalBack.classList.add("open");
+        modal[i].classList.add("open");
+      }
+    }
+
+    // モーダルを非表示にする
+    closeBtn.addEventListener("click", function () {
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+    }
+
+    // モーダルを非表示にする
+    closeBtn.addEventListener("click", function () {
+      body.classList.remove("open");
+      modalBack.classList.remove("open");
+      for (let i = 0; i < modal.length; i++) {
+        modal[i].classList.remove("open");
+      }
+    });
+
+    function menuClick() {
+      const menus = document.getElementsByClassName("close");
+      body.classList.remove("open");
+      modalBack.classList.remove("open");
+      const hogeElements = document.querySelectorAll(".modal");
--- a/develop/src/assets/js/home.js 0 → 100644
+++ b/develop/src/assets/js/home.js 0 → 100644
+    });
+
+    function menuClick() {
+      const menus = document.getElementsByClassName("close");
+      body.classList.remove("open");
+      modalBack.classList.remove("open");
+      const hogeElements = document.querySelectorAll(".modal");
+
+      hogeElements.forEach((item) => {
+        item.classList.remove("open");
+      });
+    }
+
+    const menus = document.getElementsByClassName("close");
+    for (let i = 0; i < menus.length; i++) {
+      menus[i].addEventListener("click", menuClick, false);