Canvas

cspell.json

@@ -2,5 +2,5 @@
   "ignorePaths": ["node_modules/**", "*.svg"],
   "version": "0.2",
   "language": "en",
-  "words": ["NATSUMATSURI", "yatai", "Dela", "Yuji", "Syuku", "zustand", "wadaiko", "qrcode","nobori","Garally","natsu","matsuri"]
+  "words": ["NATSUMATSURI", "yatai", "Dela", "Yuji", "Syuku", "zustand", "wadaiko", "qrcode","nobori","Garelly","natsu","matsuri"]
 }

src/components/Garally/index.tsx → src/components/Garelly/index.tsx

@@ -1,10 +1,15 @@
 import styles from "./index.module.css";
 
-function Garally() {
+function Garelly() {
 	return (
 		<div>
-			{/* biome-ignore lint/a11y/useMediaCaption: <explanation> */}
-			<audio src="/sound/natsu_matsuri.mp3" autoPlay loop />
+			{/* biome-ignore lint/a11y/useMediaCaption: 夏祭りの音を再生します。 */}
+			<audio
+				src="/sound/natsu_matsuri.mp3"
+				autoPlay
+				loop
+				aria-label="夏祭りの音"
+			/>
 			<h1 className={styles.title}>VIRTUAL_NATSUMATSURI</h1>
 			<div className={styles.nobori}>
 				<img src="/2D_material/nobori.webp" alt="夏祭り_のぼり" />
@@ -24,4 +29,4 @@ function Garally() {
 		</div>
 	);
 }
-export default Garally;
+export default Garelly;

src/pages/yatai/index.tsx

@@ -9,7 +9,7 @@ import type {
 	Object3DEventMap,
 } from "three";
 import { randFloat } from "three/src/math/MathUtils.js";
-import Garally from "../../components/Garally";
+import Garelly from "../../components/Garelly";
 import { useSocketRefStore } from "../../store";
 import {
 	type ActionSchema,
@@ -217,7 +217,7 @@ function Yatai() {
 		<div className={styles.container}>
 			<YataiStage />
 			<TargetOverlay />
-			<Garally />
+			<Garelly />
 		</div>
 	);
 }