From 6fb49ab88ddac600f5b04158b316d5d873d9c864 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Thu, 30 Apr 2026 20:55:21 +0900
Subject: [PATCH] note

---
 packages/frontend/src/pages/room.default-heya-options.vue     | 4 ++--
 .../frontend/src/pages/room.default-heya-pillar-options.vue   | 2 +-
 .../frontend/src/pages/room.default-heya-wall-options.vue     | 4 ++--
 packages/frontend/src/pages/room.heya-options.vue             | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/src/pages/room.default-heya-options.vue b/packages/frontend/src/pages/room.default-heya-options.vue
index b391aeee60..e3366a4112 100644
--- a/packages/frontend/src/pages/room.default-heya-options.vue
+++ b/packages/frontend/src/pages/room.default-heya-options.vue
@@ -69,7 +69,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			>
 				<template #label>wallpaper</template>
 			</MkSelect>
-			<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる -->
+			<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる。ワーカーとの間でラグがあるため、少し前の値がまたmodelValueとしてフィードバックされてしまうためだと思われる -->
 			<MkInput :modelValue="getHex(options.ceiling.color)" type="color" debounce @update:modelValue="v => { const c = getRgb(v); if (c != null) update({ ceiling: { ...options.ceiling, color: c } }); }">
 				<template #label>color</template>
 			</MkInput>
@@ -86,7 +86,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			>
 				<template #label>material</template>
 			</MkSelect>
-			<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる -->
+			<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる。ワーカーとの間でラグがあるため、少し前の値がまたmodelValueとしてフィードバックされてしまうためだと思われる -->
 			<MkInput :modelValue="getHex(options.flooring.color)" type="color" debounce @update:modelValue="v => { const c = getRgb(v); if (c != null) update({ flooring: { ...options.flooring, color: c } }); }">
 				<template #label>color</template>
 			</MkInput>
diff --git a/packages/frontend/src/pages/room.default-heya-pillar-options.vue b/packages/frontend/src/pages/room.default-heya-pillar-options.vue
index f319f64ecb..8c486496ae 100644
--- a/packages/frontend/src/pages/room.default-heya-pillar-options.vue
+++ b/packages/frontend/src/pages/room.default-heya-pillar-options.vue
@@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		>
 			<template #label>wallpaper</template>
 		</MkSelect>
-		<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる -->
+		<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる。ワーカーとの間でラグがあるため、少し前の値がまたmodelValueとしてフィードバックされてしまうためだと思われる -->
 		<MkInput :modelValue="getHex(options.color)" type="color" debounce @update:modelValue="v => { const c = getRgb(v); if (c != null) update({ color: c }); }">
 			<template #label>color</template>
 		</MkInput>
diff --git a/packages/frontend/src/pages/room.default-heya-wall-options.vue b/packages/frontend/src/pages/room.default-heya-wall-options.vue
index 1e88ce2876..940dfb6b25 100644
--- a/packages/frontend/src/pages/room.default-heya-wall-options.vue
+++ b/packages/frontend/src/pages/room.default-heya-wall-options.vue
@@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		>
 			<template #label>wallpaper</template>
 		</MkSelect>
-		<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる -->
+		<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる。ワーカーとの間でラグがあるため、少し前の値がまたmodelValueとしてフィードバックされてしまうためだと思われる -->
 		<MkInput :modelValue="getHex(options.color)" type="color" debounce @update:modelValue="v => { const c = getRgb(v); if (c != null) update({ color: c }); }">
 			<template #label>color</template>
 		</MkInput>
@@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		>
 			<template #label>beam material</template>
 		</MkSelect>
-		<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる -->
+		<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる。ワーカーとの間でラグがあるため、少し前の値がまたmodelValueとしてフィードバックされてしまうためだと思われる -->
 		<MkInput :modelValue="getHex(options.beamColor)" type="color" debounce @update:modelValue="v => { const c = getRgb(v); if (c != null) update({ beamColor: c }); }">
 			<template #label>beam color</template>
 		</MkInput>
diff --git a/packages/frontend/src/pages/room.heya-options.vue b/packages/frontend/src/pages/room.heya-options.vue
index 908ba52c76..8863fe004c 100644
--- a/packages/frontend/src/pages/room.heya-options.vue
+++ b/packages/frontend/src/pages/room.heya-options.vue
@@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<template #label>Heya type</template>
 		</MkSelect>
 
-		<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる -->
+		<!-- debounceしないとカラーピッカー上で高速でなぞったときになぜか無限ループになる。ワーカーとの間でラグがあるため、少し前の値がまたmodelValueとしてフィードバックされてしまうためだと思われる -->
 		<MkInput :modelValue="getHex(controller.roomState.value.roomLightColor)" type="color" debounce @update:modelValue="v => { const c = getRgb(v); if (c != null) controller.updateRoomLightColor(c); }">
 			<template #label>light color</template>
 		</MkInput>