From 90fbc7e653576d78c167a94b126731913120eef3 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 21 Dec 2025 03:01:52 +0000
Subject: [PATCH 1/4] Initial plan


From 44f551b406b2647afc244ac40f0a39f02e28a142 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 21 Dec 2025 03:09:22 +0000
Subject: [PATCH 2/4] Add photo capture feature with Camera icon button

Co-authored-by: haru-036 <105186692+haru-036@users.noreply.github.com>
---
 frontend/src/routes/$roomId/index.lazy.tsx | 33 +++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/$roomId/index.lazy.tsx b/frontend/src/routes/$roomId/index.lazy.tsx
index 8e7c837..c2f7255 100644
--- a/frontend/src/routes/$roomId/index.lazy.tsx
+++ b/frontend/src/routes/$roomId/index.lazy.tsx
@@ -5,7 +5,7 @@ import { createLazyFileRoute } from "@tanstack/react-router";
 import type { CalendarItemWithItem } from "common/generate/adventSphereAPI.schemas";
 import { useGetCalendarItemsRoomIdCalendarItems } from "common/generate/calendar-items/calendar-items";
 import { useGetRoomsId } from "common/generate/room/room";
-import { X } from "lucide-react";
+import { Camera, X } from "lucide-react";
 import { Suspense, useCallback, useMemo, useRef, useState } from "react";
 import type * as THREE from "three";
 import InventoryIcon from "@/components/icons/inventory";
@@ -63,6 +63,7 @@ function RouteComponent() {
   const roomRef = useRef<THREE.Group>(null);
   const placedItemsRef = useRef<THREE.Group>(null);
   const tableRef = useRef<THREE.Group>(null);
+  const canvasRef = useRef<HTMLCanvasElement>(null);
   // アイテム取得フロー
   const {
     phase,
@@ -120,6 +121,24 @@ function RouteComponent() {
     setSelectedPlacedItem(null);
   }, []);
 
+  // 写真撮影
+  const handleTakePhoto = useCallback(() => {
+    if (!canvasRef.current) return;
+
+    try {
+      // Canvas要素からBase64データURLを取得
+      const dataURL = canvasRef.current.toDataURL("image/png");
+
+      // ダウンロードリンクを作成
+      const link = document.createElement("a");
+      link.href = dataURL;
+      link.download = "screenshot.png";
+      link.click();
+    } catch (error) {
+      console.error("Failed to capture photo:", error);
+    }
+  }, []);
+
   // 配置モード
   const {
     isPlacementValid,
@@ -284,6 +303,17 @@ function RouteComponent() {
           onOpenChange={setIsInventoryDialogOpen}
           onStartPlacement={startPlacementFromInventory}
         />
+        {!isFocusMode && !isAnyPlacementMode && (
+          <Button
+            onClick={handleTakePhoto}
+            className="justify-self-end z-30 self-start size-12 md:size-14 lg:size-16 rounded-full border-2 border-primary-foreground shadow-xl active:scale-95"
+            variant="default"
+            size="icon"
+            title="写真を撮る"
+          >
+            <Camera className="size-5 md:size-6 lg:size-7" />
+          </Button>
+        )}
         {isFocusMode && !isAnyPlacementMode && (
           <Button
             onClick={handleExitFocusMode}
@@ -333,6 +363,7 @@ function RouteComponent() {
       <div className="fixed inset-0 z-0">
         <Suspense fallback={<Loading text="部屋を読み込み中..." />}>
           <Canvas
+            ref={canvasRef}
             camera={{ position: [2.3, 0.5, 2], fov: 45 }}
             onPointerMissed={handleCloseMenu}
           >

From e3a11647505f8a25da489a99f5d990ae28bbbbcd Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 21 Dec 2025 03:11:24 +0000
Subject: [PATCH 3/4] Fix memory leak by cleaning up temporary anchor element

Co-authored-by: haru-036 <105186692+haru-036@users.noreply.github.com>
---
 frontend/src/routes/$roomId/index.lazy.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/$roomId/index.lazy.tsx b/frontend/src/routes/$roomId/index.lazy.tsx
index c2f7255..e2126c1 100644
--- a/frontend/src/routes/$roomId/index.lazy.tsx
+++ b/frontend/src/routes/$roomId/index.lazy.tsx
@@ -129,11 +129,13 @@ function RouteComponent() {
       // Canvas要素からBase64データURLを取得
       const dataURL = canvasRef.current.toDataURL("image/png");
 
-      // ダウンロードリンクを作成
+      // ダウンロードリンクを作成して実行
       const link = document.createElement("a");
       link.href = dataURL;
       link.download = "screenshot.png";
+      document.body.appendChild(link);
       link.click();
+      document.body.removeChild(link);
     } catch (error) {
       console.error("Failed to capture photo:", error);
     }

From 65b9b77aa985eae134e6d9c516b7fe45341f35a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=9F=E3=81=8F=E3=82=84?= <takuyadayo014@gmail.com>
Date: Sun, 21 Dec 2025 12:51:43 +0900
Subject: [PATCH 4/4] =?UTF-8?q?fix:=20=E4=BD=95=E3=82=82=E8=A1=A8=E7=A4=BA?=
 =?UTF-8?q?=E3=81=95=E3=82=8C=E3=81=AA=E3=81=84=E5=95=8F=E9=A1=8C=E3=82=92?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/routes/$roomId/index.lazy.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/routes/$roomId/index.lazy.tsx b/frontend/src/routes/$roomId/index.lazy.tsx
index e2126c1..554e234 100644
--- a/frontend/src/routes/$roomId/index.lazy.tsx
+++ b/frontend/src/routes/$roomId/index.lazy.tsx
@@ -138,6 +138,7 @@ function RouteComponent() {
       document.body.removeChild(link);
     } catch (error) {
       console.error("Failed to capture photo:", error);
+      alert("写真の保存に失敗しました。エラーを確認してください。");
     }
   }, []);
 
@@ -366,6 +367,7 @@ function RouteComponent() {
         <Suspense fallback={<Loading text="部屋を読み込み中..." />}>
           <Canvas
             ref={canvasRef}
+            gl={{ preserveDrawingBuffer: true }}
             camera={{ position: [2.3, 0.5, 2], fov: 45 }}
             onPointerMissed={handleCloseMenu}
           >