From bbb167428b953c5a99b42a333461064516a52ba9 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 20:49:55 +0900 Subject: [PATCH 01/19] =?UTF-8?q?=20refactor:=20`App.tsx`=20=E3=81=AE?= =?UTF-8?q?=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88=E3=82=A2=E3=82=A6=E3=83=88?= =?UTF-8?q?=E3=82=92=E5=89=8A=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/App.tsx | 42 ------------------------------------------ 1 file changed, 42 deletions(-) diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx index 770b6ce..db33506 100644 --- a/apps/web/src/App.tsx +++ b/apps/web/src/App.tsx @@ -1,4 +1,3 @@ -// import { useState } from 'react'; import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; import { AnimatePresence } from 'framer-motion'; @@ -8,34 +7,9 @@ import { HomeScreen } from './components/home/HomeScreen'; import { ModeScreen } from './components/mode/ModeScreen'; import { PhotoPreview } from './components/photo/PhotoPreview'; import { PhotoScreen } from './components/photo/PhotoScreen'; -// import { ShootingScreen } from './components/game/shooting-screen'; -// import type { JudgeResult, Theme } from './components/game/types'; import { ResultScreen } from './components/result/ResultScreen'; function App() { - // // テスト用のお題データ - // const testTheme: Theme = { - // id: 1, - // difficulty: 'NORMAL', - // theme: 'テスト', // 実際は1・2枚目から渡される - // aiCondition: { label: 'Test' }, - // }; - - // const [showShooting, setShowShooting] = useState(true); - // const [result, setResult] = useState(null); - - // const handleComplete = (judgeResult: JudgeResult) => { - // setResult(judgeResult); - // setShowShooting(false); - // console.log('撮影完了:', judgeResult); - // // 実際は4枚目（結果画面）に遷移 - // }; - - // const handleRetry = () => { - // setResult(null); - // setShowShooting(true); - // }; - return (
@@ -49,22 +23,6 @@ function App() { - {/* {showShooting ? ( - - ) : ( -
-

テスト完了

- {result && ( -
-

スコア: {(result.label_score * 100).toFixed(1)}%

-

結果: {result.success ? '成功' : '失敗'}

-
- )} - -
- )} */}
); } From 8c2549600560ea417ed962fa6c88e655efadb467 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 20:54:32 +0900 Subject: [PATCH 02/19] =?UTF-8?q?refactor:=20`index.tsx`=20=E3=82=92?= =?UTF-8?q?=E5=89=8A=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/index.tsx | 8 -------- 1 file changed, 8 deletions(-) delete mode 100644 apps/web/src/components/index.tsx diff --git a/apps/web/src/components/index.tsx b/apps/web/src/components/index.tsx deleted file mode 100644 index 1f87be7..0000000 --- a/apps/web/src/components/index.tsx +++ /dev/null @@ -1,8 +0,0 @@ -/** - * 全コンポーネントのエクスポート - */ -// eslint-disable-next-line react-refresh/only-export-components -export * from './camera'; -export { ShootingScreen } from './game/shooting-screen'; -export { Timer } from './game/timer'; -export type { JudgeResult, Theme, TimerProps } from './game/types'; From b813269f7d88851ffddda816c23d09c668fd7989 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 20:54:45 +0900 Subject: [PATCH 03/19] =?UTF-8?q?refactor:=20`index.tsx`=20=E3=82=92?= =?UTF-8?q?=E5=89=8A=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/camera/index.tsx | 5 ----- 1 file changed, 5 deletions(-) delete mode 100644 apps/web/src/components/camera/index.tsx diff --git a/apps/web/src/components/camera/index.tsx b/apps/web/src/components/camera/index.tsx deleted file mode 100644 index 6307949..0000000 --- a/apps/web/src/components/camera/index.tsx +++ /dev/null @@ -1,5 +0,0 @@ -/** - * カメラコンポーネントのメインエクスポート - */ -export { Camera } from './camera'; -export type { CameraProps, CameraState } from './types'; From d8986b86613c7e6ef58a2e39248e6c231030a26b Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 20:55:09 +0900 Subject: [PATCH 04/19] =?UTF-8?q?refactor:=20`HomeScreen.tsx`=20=E3=81=AE?= =?UTF-8?q?=E3=83=91=E3=82=B9=E3=82=92=E8=AA=BF=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/home/HomeScreen.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/home/HomeScreen.tsx b/apps/web/src/components/home/HomeScreen.tsx index 493b448..20f298d 100644 --- a/apps/web/src/components/home/HomeScreen.tsx +++ b/apps/web/src/components/home/HomeScreen.tsx @@ -4,10 +4,10 @@ import { useNavigate } from 'react-router-dom'; import clsx from 'clsx'; import { motion } from 'framer-motion'; -import huntoru from '../../assets/huntoru.png'; import styles from './HomeScreen.module.css'; import components from '@/web/App.module.css'; +import huntoru from '@/web/assets/huntoru.png'; export const HomeScreen = () => { const navigate = useNavigate(); From 8898f76741c8356481fe0d40a51849702934e901 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 20:55:31 +0900 Subject: [PATCH 05/19] =?UTF-8?q?refactor:=20`ModeScreen.tsx`=20=E3=81=AE?= =?UTF-8?q?=E3=83=91=E3=82=B9=E3=82=92=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/mode/ModeScreen.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/web/src/components/mode/ModeScreen.tsx b/apps/web/src/components/mode/ModeScreen.tsx index 33781ec..b07bc1c 100644 --- a/apps/web/src/components/mode/ModeScreen.tsx +++ b/apps/web/src/components/mode/ModeScreen.tsx @@ -4,11 +4,11 @@ import { useNavigate } from 'react-router-dom'; import clsx from 'clsx'; import { motion } from 'framer-motion'; -import huntoru from '../../assets/huntoru.png'; -import { PixelBubble } from '../ui/PixelBubble'; import styles from './ModeScreen.module.css'; import components from '@/web/App.module.css'; +import huntoru from '@/web/assets/huntoru.png'; +import { PixelBubble } from '@/web/components/ui/PixelBubble'; import { API_CONFIG } from '@/web/lib/api'; import type { Theme } from '@/web/types'; From 4e7a5265e59f7c5a58bab1ef8dabe8d159712215 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 20:55:54 +0900 Subject: [PATCH 06/19] =?UTF-8?q?refactor:=20`PhotoScreen.tsx`=20=E3=81=AE?= =?UTF-8?q?=20import=E3=83=91=E3=82=B9=E3=82=92=E8=AA=BF=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/photo/PhotoScreen.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/photo/PhotoScreen.tsx b/apps/web/src/components/photo/PhotoScreen.tsx index afa4f72..353612a 100644 --- a/apps/web/src/components/photo/PhotoScreen.tsx +++ b/apps/web/src/components/photo/PhotoScreen.tsx @@ -5,10 +5,10 @@ import { useNavigate } from 'react-router-dom'; import clsx from 'clsx'; import { motion } from 'framer-motion'; -import { Camera } from '../camera'; import styles from './PhotoScreen.module.css'; import components from '@/web/App.module.css'; +import { Camera } from '@/web/components/camera/camera'; import type { CameraRef } from '@/web/components/camera/types'; import type { Theme } from '@/web/types'; From 98d77b7a054c3f2a3bcb6cf4073cca84644beaa4 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 20:56:12 +0900 Subject: [PATCH 07/19] =?UTF-8?q?refactor:=20`ResultScreen.tsx`=20?= =?UTF-8?q?=E3=81=AE=E3=83=91=E3=82=B9=E3=82=92=E8=AA=BF=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/result/ResultScreen.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/result/ResultScreen.tsx b/apps/web/src/components/result/ResultScreen.tsx index 0503b11..3480c40 100644 --- a/apps/web/src/components/result/ResultScreen.tsx +++ b/apps/web/src/components/result/ResultScreen.tsx @@ -4,12 +4,12 @@ import { useNavigate } from 'react-router-dom'; import clsx from 'clsx'; import { motion } from 'framer-motion'; -import { PixelBubble } from '../ui/PixelBubble'; import styles from './ResultScreen.module.css'; import components from '@/web/App.module.css'; import huntoru_angry from '@/web/assets/huntoru_angry.gif'; import huntoru_happy from '@/web/assets/huntoru_happy.gif'; +import { PixelBubble } from '@/web/components/ui/PixelBubble'; export const ResultScreen = () => { const progressBarRef = useRef(null); From b426364024a836e86d2b644d4d103aea450577b3 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:00:58 +0900 Subject: [PATCH 08/19] =?UTF-8?q?refactor:=20`camera/`types.ts`=20?= =?UTF-8?q?=E3=81=AB=E6=9B=B8=E3=81=8B=E3=82=8C=E3=81=A6=E3=81=82=E3=82=8B?= =?UTF-8?q?=E3=80=81=E5=9E=8B=E5=AE=9A=E7=BE=A9=E3=82=92=20`types/`=20?= =?UTF-8?q?=E3=83=87=E3=82=A3=E3=83=AC=E3=82=AF=E3=83=88=E3=83=AA=E3=81=AB?= =?UTF-8?q?=E7=A7=BB=E5=8B=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/camera/types.ts | 7 ------- apps/web/src/types/index.ts | 7 +++++++ 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/apps/web/src/components/camera/types.ts b/apps/web/src/components/camera/types.ts index f794d68..0ecb8f3 100644 --- a/apps/web/src/components/camera/types.ts +++ b/apps/web/src/components/camera/types.ts @@ -19,10 +19,3 @@ export interface CameraState { /** エラーメッセージ */ error: string | null; } - -/** - * カメラコンポーネントのRef（外部から撮影をトリガー） - */ -export interface CameraRef { - capture: () => void; -} diff --git a/apps/web/src/types/index.ts b/apps/web/src/types/index.ts index 6061c84..e307477 100644 --- a/apps/web/src/types/index.ts +++ b/apps/web/src/types/index.ts @@ -3,3 +3,10 @@ export interface Theme { difficulty: 'EASY' | 'NORMAL' | 'HARD'; theme: string; } + +/** + * カメラコンポーネントのRef（外部から撮影をトリガー） + */ +export interface CameraRef { + capture: () => void; +} From 5ff4f20e3bb4a0ef873be076c73f9e78b3269fed Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:03:10 +0900 Subject: [PATCH 09/19] =?UTF-8?q?refactor:=20`camera.tsx`=20=E3=81=AB=20`C?= =?UTF-8?q?ameraProps`=20=E3=82=A4=E3=83=B3=E3=82=BF=E3=83=BC=E3=83=95?= =?UTF-8?q?=E3=82=A7=E3=83=BC=E3=82=B9=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97?= =?UTF-8?q?=E3=80=81=E5=9E=8B=E5=AE=9A=E7=BE=A9=E3=82=92=20`types/`=20?= =?UTF-8?q?=E3=83=87=E3=82=A3=E3=83=AC=E3=82=AF=E3=83=88=E3=83=AA=E3=81=8B?= =?UTF-8?q?=E3=82=89=E3=82=A4=E3=83=B3=E3=83=9D=E3=83=BC=E3=83=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/camera/camera.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/apps/web/src/components/camera/camera.tsx b/apps/web/src/components/camera/camera.tsx index 0d1ba7a..d69e61a 100644 --- a/apps/web/src/components/camera/camera.tsx +++ b/apps/web/src/components/camera/camera.tsx @@ -7,7 +7,13 @@ import { } from 'react'; import styles from './camera.module.css'; -import type { CameraProps, CameraRef } from './types'; + +import type { CameraRef } from '@/web/types'; + +interface CameraProps { + /** 撮影完了時のコールバック関数（base64形式の画像データを受け取る） */ + onCapture: (imageData: string) => void; +} /** * カメラプレビューと撮影機能を提供するコンポーネント From dd5070fd4e42bbfe7fd4637c1b96587b90022a01 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:04:03 +0900 Subject: [PATCH 10/19] =?UTF-8?q?refactor:=20`camera/`=20=E3=81=AE=20?= =?UTF-8?q?=E5=9E=8B=E5=AE=9A=E7=BE=A9=E3=83=95=E3=82=A1=E3=82=A4=E3=83=AB?= =?UTF-8?q?=E3=81=8C=E4=BB=96=E3=81=A7=E4=BD=BF=E7=94=A8=E3=81=95=E3=82=8C?= =?UTF-8?q?=E3=81=A6=E3=81=84=E3=81=AA=E3=81=84=E3=81=9F=E3=82=81=E5=89=8A?= =?UTF-8?q?=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/camera/types.ts | 21 --------------------- 1 file changed, 21 deletions(-) delete mode 100644 apps/web/src/components/camera/types.ts diff --git a/apps/web/src/components/camera/types.ts b/apps/web/src/components/camera/types.ts deleted file mode 100644 index 0ecb8f3..0000000 --- a/apps/web/src/components/camera/types.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * カメラコンポーネント関連の型定義 - */ - -/** - * カメラコンポーネントのProps - */ -export interface CameraProps { - /** 撮影完了時のコールバック関数（base64形式の画像データを受け取る） */ - onCapture: (imageData: string) => void; -} - -/** - * カメラの状態 - */ -export interface CameraState { - /** ローディング状態 */ - isLoading: boolean; - /** エラーメッセージ */ - error: string | null; -} From c1eca4fbdb188dc58791f4e79a8ffbe4c4f36ffb Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:05:18 +0900 Subject: [PATCH 11/19] =?UTF-8?q?refactor:=20`PhotoScreen.tsx`=20=E3=81=AE?= =?UTF-8?q?=E5=9E=8B=E5=AE=9A=E7=BE=A9=E3=81=AE=E3=82=A4=E3=83=B3=E3=83=9D?= =?UTF-8?q?=E3=83=BC=E3=83=88=E3=83=91=E3=82=B9=E3=82=92=20`types/`=20?= =?UTF-8?q?=E3=83=87=E3=82=A3=E3=83=AC=E3=82=AF=E3=83=88=E3=83=AA=E3=81=AB?= =?UTF-8?q?=E5=A4=89=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/components/photo/PhotoScreen.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/photo/PhotoScreen.tsx b/apps/web/src/components/photo/PhotoScreen.tsx index 353612a..861ac79 100644 --- a/apps/web/src/components/photo/PhotoScreen.tsx +++ b/apps/web/src/components/photo/PhotoScreen.tsx @@ -9,7 +9,7 @@ import styles from './PhotoScreen.module.css'; import components from '@/web/App.module.css'; import { Camera } from '@/web/components/camera/camera'; -import type { CameraRef } from '@/web/components/camera/types'; +import type { CameraRef } from '@/web/types'; import type { Theme } from '@/web/types'; /** From d64a01e135c39a9f50734dfe317e526f485016ac Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:10:54 +0900 Subject: [PATCH 12/19] =?UTF-8?q?refactor:=20=E7=8F=BE=E7=8A=B6=E4=BD=BF?= =?UTF-8?q?=E7=94=A8=E3=81=97=E3=81=A6=E3=81=84=E3=81=AA=E3=81=84=E3=80=81?= =?UTF-8?q?`game/`=20=E3=83=87=E3=82=A3=E3=83=AC=E3=82=AF=E3=83=88?= =?UTF-8?q?=E3=83=AA=E3=81=AE=E5=89=8A=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 削除はしたけれど、このGithubに残り続ける --- .../game/shooting-screen.module.css | 206 ------------------ .../src/components/game/shooting-screen.tsx | 160 -------------- apps/web/src/components/game/timer.module.css | 41 ---- apps/web/src/components/game/timer.tsx | 84 ------- apps/web/src/components/game/types.ts | 47 ---- 5 files changed, 538 deletions(-) delete mode 100644 apps/web/src/components/game/shooting-screen.module.css delete mode 100644 apps/web/src/components/game/shooting-screen.tsx delete mode 100644 apps/web/src/components/game/timer.module.css delete mode 100644 apps/web/src/components/game/timer.tsx delete mode 100644 apps/web/src/components/game/types.ts diff --git a/apps/web/src/components/game/shooting-screen.module.css b/apps/web/src/components/game/shooting-screen.module.css deleted file mode 100644 index d52e2e7..0000000 --- a/apps/web/src/components/game/shooting-screen.module.css +++ /dev/null @@ -1,206 +0,0 @@ -/* 全体のコンテナ */ -.shootingScreen { - height: 100vh; - width: 100vw; - display: flex; - flex-direction: column; - background-color: #f5e6d3; - font-family: 'Courier New', monospace; - image-rendering: pixelated; - margin: 0; - padding: 0; -} - -/* メインコンテンツエリア */ -.mainContent { - flex: 1; - overflow: hidden; - position: relative; - background-color: #f5e6d3; -} - -/* 撮影画面 */ -.shootingArea { - height: 100%; - width: 100%; - position: relative; - background-color: #f5e6d3; -} - -/* お題表示（吹き出し）- 「お題を撮影しよう」用 */ -.themeDisplay { - position: absolute; - top: 30px; - left: 50%; - transform: translateX(-50%); - z-index: 10; - background-color: #ffffff; - color: #333333; - padding: 12px 25px; - border: 3px solid #000000; - border-radius: 20px; - text-align: center; - font-family: 'Courier New', monospace; - font-size: 16px; - font-weight: bold; - box-shadow: 4px 4px 0px #cccccc; -} - -/* お題内容表示 - 「お題：○○」用 */ -.themeContent { - position: absolute; - top: 100px; /* 吹き出しの下に配置 */ - left: 50%; - transform: translateX(-50%); - z-index: 9; - background-color: #e8d5b7; /* 少し違う色 */ - color: #6b46c1; - padding: 15px 30px; - border: 3px solid #000000; - border-radius: 15px; - text-align: center; - font-family: 'Courier New', monospace; - font-size: 20px; - font-weight: bold; - box-shadow: 3px 3px 0px #cccccc; -} - -/* お題テキスト */ -.themeText { - font-size: 20px; - color: #6b46c1; - margin-top: 8px; -} - -/* キャラクター表示エリア - 位置調整 */ -.characterArea { - position: absolute; - top: 180px; /* 下に移動 */ - left: 50%; - transform: translateX(-50%); - z-index: 5; -} - -/* キャラクター（仮） */ -.character { - width: 80px; - height: 80px; - background-color: #4a90e2; - border: 2px solid #000000; - image-rendering: pixelated; -} - -/* タイマー表示エリア - 位置調整 */ -.timerArea { - position: absolute; - top: 280px; /* 下に移動 */ - left: 50%; - transform: translateX(-50%); - display: flex; - align-items: center; - background-color: #8b4513; - color: #f5e6d3; - padding: 10px 20px; - border: 2px solid #654321; - font-family: 'Courier New', monospace; - font-size: 16px; - font-weight: bold; -} - -/* カメラプレビューエリア - 位置調整 */ -.cameraPreviewArea { - position: absolute; - top: 340px; /* さらに下に移動 */ - left: 50%; - transform: translateX(-50%); - width: 280px; - height: 210px; - border: 3px solid #000000; - border-radius: 8px; - overflow: hidden; - background-color: #000000; - z-index: 3; -} - -/* カメラ表示（非表示から表示に変更） */ -.cameraDisplay { - width: 100%; - height: 100%; -} - -/* 撮影ボタンエリアの位置調整 */ -.captureButtonArea { - position: absolute; - bottom: 30px; /* 少し上に移動 */ - left: 50%; - transform: translateX(-50%); -} - -/* 撮影ボタン */ -.captureButton { - padding: 15px 40px; - background-color: #6b46c1; - color: #ffffff; - border: 3px solid #4c1d95; - border-radius: 0; - font-family: 'Courier New', monospace; - font-size: 18px; - font-weight: bold; - cursor: pointer; - box-shadow: 4px 4px 0px #2d1b69; - transition: all 0.1s; -} - -.captureButton:active { - transform: translate(2px, 2px); - box-shadow: 2px 2px 0px #2d1b69; -} - -/* カメラ非表示 */ -.hiddenCamera { - display: none; -} - -/* 判定中画面 */ -.judgingArea { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 100%; - padding: 20px; - background-color: #f5e6d3; -} - -/* 撮影画像表示 */ -.capturedImageFrame { - border: 4px solid #000000; - background-color: #ffffff; - padding: 10px; - margin-bottom: 30px; -} - -.capturedImage { - width: 200px; - height: 200px; - object-fit: cover; - image-rendering: pixelated; -} - -/* 判定中テキスト */ -.judgingTitle { - font-size: 24px; - font-weight: bold; - margin-bottom: 20px; - font-family: 'Courier New', monospace; - color: #4a4a4a; - text-align: center; -} - -.judgingDescription { - font-size: 16px; - color: #666; - text-align: center; - font-family: 'Courier New', monospace; - line-height: 1.6; -} diff --git a/apps/web/src/components/game/shooting-screen.tsx b/apps/web/src/components/game/shooting-screen.tsx deleted file mode 100644 index 42b8c34..0000000 --- a/apps/web/src/components/game/shooting-screen.tsx +++ /dev/null @@ -1,160 +0,0 @@ -import React, { useRef, useState } from 'react'; - -import { Camera } from '../camera'; -import type { CameraRef } from '../camera/types'; -import styles from './shooting-screen.module.css'; -import { Timer } from './timer'; -import type { JudgeResult, Theme } from './types'; - -/** - * 3枚目：撮影画面専用コンポーネント - * - * @description - * - お題を受け取って撮影画面を表示 - * - 1分間のタイマー付き撮影 - * - AI判定後に結果を返す - */ - -interface ShootingScreenProps { - /** 撮影するお題（1・2枚目から受け取る） */ - theme: Theme; - /** 撮影・判定完了時のコールバック */ - onComplete: (result: JudgeResult) => void; - /** キャンセル時のコールバック */ - onCancel?: () => void; -} - -export const ShootingScreen: React.FC = ({ - theme, - onComplete, -}) => { - const [phase, setPhase] = useState<'SHOOTING' | 'JUDGING'>('SHOOTING'); - const [capturedImage, setCapturedImage] = useState(null); - const cameraRef = useRef(null); - - // 撮影完了時の処理 - const handleImageCapture = async (imageData: string) => { - setCapturedImage(imageData); - setPhase('JUDGING'); - - // AI判定の実行 - await sendImageToAPI(imageData); - }; - - // 時間切れ時の処理 - const handleTimeUp = () => { - console.log('⏰ 時間切れ！'); - // 時間切れ時は自動で撮影を実行 - handleManualCapture(); - }; - - // API送信処理 - const sendImageToAPI = async (imageData: string) => { - try { - const apiUrl = - import.meta.env.VITE_API_URL_DEV || 'http://localhost:8787'; - - const response = await fetch(`${apiUrl}/judge`, { - method: 'POST', - headers: { - 'Content-Type': 'application/json', - }, - body: JSON.stringify({ - imageData: imageData, - theme: theme.theme, - }), - }); - - if (!response.ok) { - throw new Error(`HTTP error! status: ${response.status}`); - } - - const result = await response.json(); - - // 結果を親コンポーネントに返す - onComplete(result); - } catch (error) { - console.error('API送信エラー:', error); - const errorResult: JudgeResult = { - success: false, - theme: theme.theme, - label_score: 0, - detected_labels: [], - message: '', - error: '画像の送信に失敗しました。', - }; - - onComplete(errorResult); - } - }; - - // 手動撮影処理 - const handleManualCapture = () => { - if (cameraRef.current?.capture) { - cameraRef.current.capture(); - } - }; - - return ( -
-
- {phase === 'SHOOTING' && ( -
- {/* お題を撮影しよう - 吹き出し */} -
お題を撮影しよう
- - {/* お題内容 - 分離された表示 */} -
お題：{theme.theme}
- - {/* キャラクター */} -
-
-
- - {/* タイマー */} -
- -
- - {/* カメラプレビュー */} -
- -
- - {/* 撮影ボタン */} -
- -
-
- )} - - {phase === 'JUDGING' && ( -
- {capturedImage && ( -
- 撮影された画像 -
- )} - -
🤖 AI が評価中...
- -
- お題「{theme.theme}」を判定しています -
- しばらくお待ちください -
-
- )} -
-
- ); -}; diff --git a/apps/web/src/components/game/timer.module.css b/apps/web/src/components/game/timer.module.css deleted file mode 100644 index 3ca02b4..0000000 --- a/apps/web/src/components/game/timer.module.css +++ /dev/null @@ -1,41 +0,0 @@ -/* タイマーコンテナ */ -.timerContainer { - display: flex; - align-items: center; - font-family: 'Courier New', monospace; - font-size: 16px; - font-weight: bold; -} - -/* タイマーアイコン */ -.timerIcon { - margin-right: 8px; -} - -/* タイマーテキスト */ -.timerText { - /* 色は動的に設定 */ -} - -/* 緊急時の点滅 */ -.timerUrgent { - animation: blink 1s infinite; -} - -@keyframes blink { - 0%, - 50% { - opacity: 1; - } - 51%, - 100% { - opacity: 0.3; - } -} - -/* 緊急メッセージ */ -.urgentMessage { - font-size: 10px; - color: #ff4444; - margin-top: 2px; -} diff --git a/apps/web/src/components/game/timer.tsx b/apps/web/src/components/game/timer.tsx deleted file mode 100644 index 823e5b5..0000000 --- a/apps/web/src/components/game/timer.tsx +++ /dev/null @@ -1,84 +0,0 @@ -import React, { useEffect, useState } from 'react'; - -import styles from './timer.module.css'; -import type { TimerProps } from './types'; - -/** - * ゲーム用カウントダウンタイマーコンポーネント - * - * @description - * - 1分間（60秒）のカウントダウンタイマー - * - 残り時間が少なくなると色が変化 - * - 時間切れ時に自動的にコールバックを実行 - * - * @example - * ```tsx - * console.log('時間切れ!')} - * isActive={true} - * /> - * ``` - */ -export const Timer: React.FC = ({ - initialTime, - onTimeUp, - isActive, - resetKey = 0, -}) => { - const [timeLeft, setTimeLeft] = useState(initialTime); - - // タイマーリセット処理 - useEffect(() => { - setTimeLeft(initialTime); - }, [initialTime, resetKey]); - - // カウントダウン処理 - useEffect(() => { - if (!isActive) return; - - if (timeLeft <= 0) { - onTimeUp(); - return; - } - - const timer = setInterval(() => { - setTimeLeft((prev) => { - if (prev <= 1) { - onTimeUp(); - return 0; - } - return prev - 1; - }); - }, 1000); - - return () => clearInterval(timer); - }, [timeLeft, isActive, onTimeUp]); - - // 残り時間に応じた色の決定 - const getTimerColor = () => { - if (timeLeft <= 10) return '#ff4444'; - if (timeLeft <= 30) return '#ff8800'; - return '#F5E6D3'; - }; - - // 時間を MM:SS 形式でフォーマット - const formatTime = (seconds: number) => { - const mins = Math.floor(seconds / 60); - const secs = seconds % 60; - return `${mins}:${secs.toString().padStart(2, '0')}`; - }; - - return ( -
- ⏳ - - 制限時間 {formatTime(timeLeft)} - - {timeLeft <= 10 &&
急いで！
} -
- ); -}; diff --git a/apps/web/src/components/game/types.ts b/apps/web/src/components/game/types.ts deleted file mode 100644 index ccaa868..0000000 --- a/apps/web/src/components/game/types.ts +++ /dev/null @@ -1,47 +0,0 @@ -/** - * 3枚目撮影画面用の型定義 - */ - -/** - * お題の型定義（データベースと同じ構造） - */ -export interface Theme { - /** お題ID */ - id: number; - /** 難易度レベル */ - difficulty: 'EASY' | 'NORMAL' | 'HARD'; - /** お題テキスト */ - theme: string; - /** AI判定条件 */ - aiCondition: unknown; -} - -/** - * AI判定結果の型定義 - */ -export interface JudgeResult { - success: boolean; - theme: string; - label_score: number; - detected_labels: Array<{ - description: string; - score: number; - }>; - image_properties?: unknown; - message: string; - error?: string; -} - -/** - * タイマーコンポーネントのProps - */ -export interface TimerProps { - /** 初期時間（秒） */ - initialTime: number; - /** タイマー終了時のコールバック */ - onTimeUp: () => void; - /** タイマー開始フラグ */ - isActive: boolean; - /** タイマーリセット用のキー */ - resetKey?: number; -} From 5ce5c8ef2a62bc23c1b60ffe837372eb42d7d846 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:15:18 +0900 Subject: [PATCH 13/19] =?UTF-8?q?refactor:=20`wrangler.jsonc`=20=E3=81=8B?= =?UTF-8?q?=E3=82=89=E6=9C=AA=E4=BD=BF=E7=94=A8=E3=81=AE=E7=92=B0=E5=A2=83?= =?UTF-8?q?=E5=A4=89=E6=95=B0=E3=82=92=E5=89=8A=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/wrangler.jsonc | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/apps/web/wrangler.jsonc b/apps/web/wrangler.jsonc index f090664..14e71f7 100644 --- a/apps/web/wrangler.jsonc +++ b/apps/web/wrangler.jsonc @@ -2,9 +2,5 @@ "$schema": "node_modules/wrangler/config-schema.json", "name": "huntoru-web", "compatibility_date": "2025-07-18", - "pages_build_output_dir": "dist", - "vars": { - "API_URL_DEV": "http://localhost:8787", - "API_URL_PROD": "https://huntoru-api.nka21dev.workers.dev/", - }, + "pages_build_output_dir": "dist" } From d9aeccb12eaffdde5540107f3ab4852d2e5e7cc9 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:38:52 +0900 Subject: [PATCH 14/19] =?UTF-8?q?refactor:=20=E3=83=AB=E3=83=BC=E3=83=86?= =?UTF-8?q?=E3=82=A3=E3=83=B3=E3=82=B0=E3=82=92=20`AppRoutes.tsx`=20?= =?UTF-8?q?=E3=81=AB=E7=A7=BB=E8=A1=8C=E3=81=97=E3=80=81`App.tsx`=20?= =?UTF-8?q?=E3=82=92=E7=B0=A1=E7=B4=A0=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/App.tsx | 22 ++-------------------- apps/web/src/AppRoutes.tsx | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 36 insertions(+), 20 deletions(-) create mode 100644 apps/web/src/AppRoutes.tsx diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx index db33506..c75f6ea 100644 --- a/apps/web/src/App.tsx +++ b/apps/web/src/App.tsx @@ -1,28 +1,10 @@ -import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; - -import { AnimatePresence } from 'framer-motion'; - import styles from './App.module.css'; -import { HomeScreen } from './components/home/HomeScreen'; -import { ModeScreen } from './components/mode/ModeScreen'; -import { PhotoPreview } from './components/photo/PhotoPreview'; -import { PhotoScreen } from './components/photo/PhotoScreen'; -import { ResultScreen } from './components/result/ResultScreen'; +import { AppRoutes } from './AppRoutes'; function App() { return (
- - - - } /> - } /> - } /> - } /> - } /> - - - +
); } diff --git a/apps/web/src/AppRoutes.tsx b/apps/web/src/AppRoutes.tsx new file mode 100644 index 0000000..5054e23 --- /dev/null +++ b/apps/web/src/AppRoutes.tsx @@ -0,0 +1,34 @@ +import { createBrowserRouter, RouterProvider } from 'react-router-dom'; + +import { HomeScreen } from './components/home/HomeScreen'; +import { ModeScreen } from './components/mode/ModeScreen'; +import { PhotoPreview } from './components/photo/PhotoPreview'; +import { PhotoScreen } from './components/photo/PhotoScreen'; +import { ResultScreen } from './components/result/ResultScreen'; + +const router = createBrowserRouter([ + { + path: '/', + element: , + }, + { + path: '/mode', + element: , + }, + { + path: '/photo', + element: , + }, + { + path: '/photo/preview', + element: , + }, + { + path: '/result', + element: , + }, +]); + +export const AppRoutes = () => { + return ; +}; From 1204e1c02b767e55620ce768900305ec57efd320 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:39:12 +0900 Subject: [PATCH 15/19] =?UTF-8?q?chore:=20format=E3=82=92=E9=81=A9?= =?UTF-8?q?=E7=94=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/wrangler.jsonc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/wrangler.jsonc b/apps/web/wrangler.jsonc index 14e71f7..9c1b87a 100644 --- a/apps/web/wrangler.jsonc +++ b/apps/web/wrangler.jsonc @@ -2,5 +2,5 @@ "$schema": "node_modules/wrangler/config-schema.json", "name": "huntoru-web", "compatibility_date": "2025-07-18", - "pages_build_output_dir": "dist" + "pages_build_output_dir": "dist", } From b5eb18e7a3868939a7494efe448f89a9f38def2a Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:48:01 +0900 Subject: [PATCH 16/19] =?UTF-8?q?refactor:=20global=20css=20=E3=82=92=20`s?= =?UTF-8?q?rc/styles`=20=E3=81=AB=E6=95=B4=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/{ => styles}/App.module.css | 0 apps/web/src/{ => styles}/index.css | 0 2 files changed, 0 insertions(+), 0 deletions(-) rename apps/web/src/{ => styles}/App.module.css (100%) rename apps/web/src/{ => styles}/index.css (100%) diff --git a/apps/web/src/App.module.css b/apps/web/src/styles/App.module.css similarity index 100% rename from apps/web/src/App.module.css rename to apps/web/src/styles/App.module.css diff --git a/apps/web/src/index.css b/apps/web/src/styles/index.css similarity index 100% rename from apps/web/src/index.css rename to apps/web/src/styles/index.css From a684b797c1c5b0e0c01bd8db49b2456592cfadc6 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 21:48:41 +0900 Subject: [PATCH 17/19] =?UTF-8?q?refactor:=20import=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/App.tsx | 4 ++-- apps/web/src/AppRoutes.tsx | 10 +++++----- apps/web/src/components/home/HomeScreen.tsx | 5 ++--- apps/web/src/components/mode/ModeScreen.tsx | 5 ++--- apps/web/src/components/photo/PhotoPreview.tsx | 5 ++--- apps/web/src/components/photo/PhotoScreen.tsx | 8 +++----- apps/web/src/components/result/ResultScreen.tsx | 12 ++---------- apps/web/src/main.tsx | 5 ++--- 8 files changed, 20 insertions(+), 34 deletions(-) diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx index c75f6ea..9171404 100644 --- a/apps/web/src/App.tsx +++ b/apps/web/src/App.tsx @@ -1,5 +1,5 @@ -import styles from './App.module.css'; -import { AppRoutes } from './AppRoutes'; +import { AppRoutes } from '@/web/AppRoutes'; +import styles from '@/web/styles/App.module.css'; function App() { return ( diff --git a/apps/web/src/AppRoutes.tsx b/apps/web/src/AppRoutes.tsx index 5054e23..e6a61ac 100644 --- a/apps/web/src/AppRoutes.tsx +++ b/apps/web/src/AppRoutes.tsx @@ -1,10 +1,10 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom'; -import { HomeScreen } from './components/home/HomeScreen'; -import { ModeScreen } from './components/mode/ModeScreen'; -import { PhotoPreview } from './components/photo/PhotoPreview'; -import { PhotoScreen } from './components/photo/PhotoScreen'; -import { ResultScreen } from './components/result/ResultScreen'; +import { HomeScreen } from '@/web/components/home/HomeScreen'; +import { ModeScreen } from '@/web/components/mode/ModeScreen'; +import { PhotoPreview } from '@/web/components/photo/PhotoPreview'; +import { PhotoScreen } from '@/web/components/photo/PhotoScreen'; +import { ResultScreen } from '@/web/components/result/ResultScreen'; const router = createBrowserRouter([ { diff --git a/apps/web/src/components/home/HomeScreen.tsx b/apps/web/src/components/home/HomeScreen.tsx index 20f298d..834895a 100644 --- a/apps/web/src/components/home/HomeScreen.tsx +++ b/apps/web/src/components/home/HomeScreen.tsx @@ -4,10 +4,9 @@ import { useNavigate } from 'react-router-dom'; import clsx from 'clsx'; import { motion } from 'framer-motion'; -import styles from './HomeScreen.module.css'; - -import components from '@/web/App.module.css'; import huntoru from '@/web/assets/huntoru.png'; +import styles from '@/web/components/home/HomeScreen.module.css'; +import components from '@/web/styles/App.module.css'; export const HomeScreen = () => { const navigate = useNavigate(); diff --git a/apps/web/src/components/mode/ModeScreen.tsx b/apps/web/src/components/mode/ModeScreen.tsx index b07bc1c..f63ba57 100644 --- a/apps/web/src/components/mode/ModeScreen.tsx +++ b/apps/web/src/components/mode/ModeScreen.tsx @@ -4,12 +4,11 @@ import { useNavigate } from 'react-router-dom'; import clsx from 'clsx'; import { motion } from 'framer-motion'; -import styles from './ModeScreen.module.css'; - -import components from '@/web/App.module.css'; import huntoru from '@/web/assets/huntoru.png'; +import styles from '@/web/components/mode/ModeScreen.module.css'; import { PixelBubble } from '@/web/components/ui/PixelBubble'; import { API_CONFIG } from '@/web/lib/api'; +import components from '@/web/styles/App.module.css'; import type { Theme } from '@/web/types'; export const ModeScreen = () => { diff --git a/apps/web/src/components/photo/PhotoPreview.tsx b/apps/web/src/components/photo/PhotoPreview.tsx index 7a7c2b3..aa0d310 100644 --- a/apps/web/src/components/photo/PhotoPreview.tsx +++ b/apps/web/src/components/photo/PhotoPreview.tsx @@ -4,10 +4,9 @@ import { useNavigate } from 'react-router-dom'; import clsx from 'clsx'; import { motion } from 'framer-motion'; -import styles from './PhotoPreview.module.css'; - -import components from '@/web/App.module.css'; +import styles from '@/web/components/photo/PhotoPreview.module.css'; import { API_CONFIG } from '@/web/lib/api'; +import components from '@/web/styles/App.module.css'; interface PhotoPreviewProps { onConfirm?: () => void; diff --git a/apps/web/src/components/photo/PhotoScreen.tsx b/apps/web/src/components/photo/PhotoScreen.tsx index 861ac79..2a3009f 100644 --- a/apps/web/src/components/photo/PhotoScreen.tsx +++ b/apps/web/src/components/photo/PhotoScreen.tsx @@ -5,12 +5,10 @@ import { useNavigate } from 'react-router-dom'; import clsx from 'clsx'; import { motion } from 'framer-motion'; -import styles from './PhotoScreen.module.css'; - -import components from '@/web/App.module.css'; import { Camera } from '@/web/components/camera/camera'; -import type { CameraRef } from '@/web/types'; -import type { Theme } from '@/web/types'; +import styles from '@/web/components/photo/PhotoScreen.module.css'; +import components from '@/web/styles/App.module.css'; +import type { CameraRef, Theme } from '@/web/types'; /** * フォーカスリングの位置情報を表す型 diff --git a/apps/web/src/components/result/ResultScreen.tsx b/apps/web/src/components/result/ResultScreen.tsx index 3480c40..fffbed5 100644 --- a/apps/web/src/components/result/ResultScreen.tsx +++ b/apps/web/src/components/result/ResultScreen.tsx @@ -4,12 +4,11 @@ import { useNavigate } from 'react-router-dom'; import clsx from 'clsx'; import { motion } from 'framer-motion'; -import styles from './ResultScreen.module.css'; - -import components from '@/web/App.module.css'; import huntoru_angry from '@/web/assets/huntoru_angry.gif'; import huntoru_happy from '@/web/assets/huntoru_happy.gif'; +import styles from '@/web/components/result/ResultScreen.module.css'; import { PixelBubble } from '@/web/components/ui/PixelBubble'; +import components from '@/web/styles/App.module.css'; export const ResultScreen = () => { const progressBarRef = useRef(null); @@ -118,13 +117,6 @@ export const ResultScreen = () => {
{/* 上部の情報 */}
- {/*
- {isMatch ? '🎉' : '😭'} -
-

- {isMatch ? '成功！' : '失敗...'} -

*/} - {/* プログレスバースコア表示 */}
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx index 4a78bd1..a880fa4 100644 --- a/apps/web/src/main.tsx +++ b/apps/web/src/main.tsx @@ -1,9 +1,8 @@ import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; -import App from './App.tsx'; - -import './index.css'; +import '@/web/styles/index.css'; +import App from '@/web/App.tsx'; createRoot(document.getElementById('root')!).render( From ddb455a75edff92fa0d9a86e96d3087aface2a9a Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 22:04:50 +0900 Subject: [PATCH 18/19] =?UTF-8?q?refactor:=20=E4=BD=BF=E7=94=A8=E3=81=95?= =?UTF-8?q?=E3=82=8C=E3=81=A6=E3=81=84=E3=81=AA=E3=81=84CSS=E3=82=B9?= =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=AB=E3=82=92=E5=89=8A=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/styles/App.module.css | 47 ------------------------------ 1 file changed, 47 deletions(-) diff --git a/apps/web/src/styles/App.module.css b/apps/web/src/styles/App.module.css index 3afd79f..720a2cb 100644 --- a/apps/web/src/styles/App.module.css +++ b/apps/web/src/styles/App.module.css @@ -1,12 +1,3 @@ -/* アプリ全体 */ -.app { - background-color: #f5e6d3; - height: 100vh; - width: 100vw; - margin: 0; - padding: 0; -} - .screen { width: 100%; height: 100%; @@ -40,41 +31,3 @@ border-radius: 0; } } - -/* テスト用の結果画面 */ -.testResult { - padding: 20px; - text-align: center; - background-color: #f5e6d3; - height: 100vh; - display: flex; - flex-direction: column; - justify-content: center; -} - -.testResultTitle { - font-size: 24px; - margin-bottom: 20px; - font-family: 'Courier New', monospace; -} - -.testResultContent { - margin-bottom: 30px; -} - -.testResultButton { - padding: 15px 30px; - background-color: #6b46c1; - color: white; - border: 3px solid #4c1d95; - border-radius: 0; - font-size: 16px; - font-family: 'Courier New', monospace; - cursor: pointer; - box-shadow: 4px 4px 0px #2d1b69; -} - -.testResultButton:active { - transform: translate(2px, 2px); - box-shadow: 2px 2px 0px #2d1b69; -} From 653b2fd3ad4a310677a8ec0b246dd130976a56e4 Mon Sep 17 00:00:00 2001 From: nka21 <133028205+nka21@users.noreply.github.com> Date: Sun, 27 Jul 2025 22:05:46 +0900 Subject: [PATCH 19/19] =?UTF-8?q?refactor:=20=E4=BD=BF=E7=94=A8=E3=81=95?= =?UTF-8?q?=E3=82=8C=E3=81=A6=E3=81=84=E3=81=AA=E3=81=84=E3=83=94=E3=82=AF?= =?UTF-8?q?=E3=82=BB=E3=83=AB=E3=82=A2=E3=83=BC=E3=83=88=E9=A2=A8=E3=81=AE?= =?UTF-8?q?CSS=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB=E3=82=92=E5=89=8A?= =?UTF-8?q?=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web/src/styles/index.css | 7 ------- 1 file changed, 7 deletions(-) diff --git a/apps/web/src/styles/index.css b/apps/web/src/styles/index.css index a094bd6..2426d27 100644 --- a/apps/web/src/styles/index.css +++ b/apps/web/src/styles/index.css @@ -57,10 +57,3 @@ body, font-weight: 400; font-style: normal; } - -/* ピクセルアート風の画像レンダリング */ -.pixelated { - image-rendering: pixelated; - image-rendering: -moz-crisp-edges; - image-rendering: crisp-edges; -}