diff --git a/face.js b/face.js
index 20981a8..5e46f47 100644
--- a/face.js
+++ b/face.js
@@ -1,13 +1,15 @@
 var left_dir = 0;
 var right_dir = 0;
+const left = document.getElementById("left-eye-contour");
+const right = document.getElementById("right-eye-contour");
 function update() {
-  const left = document.getElementById("left-eye-contour");
-  const right = document.getElementById("right-eye-contour");
   document.addEventListener('mousemove', (e) => {
     console.log(`X: ${e.clientX}, Y: ${e.clientY}`);
+    left_dir = e.clientX;
+    right_dir = e.clientY;
+    left.style.transform = `rotate(${left_dir}deg)`;
+    right.style.transform = `rotate(${right_dir}deg)`;
   });
-  left.style.transform = `rotate(${left_dir}deg)`;
-  right.style.transform = `rotate(${right_dir}deg)`;
 }
 update(); // 初回の表示更新（読み込み直後）
 setInterval(update, 50); // 毎秒更新（0.05秒ごとにupdateを呼び出し）