diff --git a/apps/client/src/app.tsx b/apps/client/src/app.tsx
index e4393d1..ea6e82f 100644
--- a/apps/client/src/app.tsx
+++ b/apps/client/src/app.tsx
@@ -4,12 +4,12 @@
 // シーン（画面）コンポーネント
 import { TitleScene } from "./scenes/TitleScene";
 import { LobbyScene } from "./scenes/LobbyScene";
-import { GameScene } from "./scenes/GameScene"; // 👈 追加
+import { GameScene } from "./scenes/GameScene";
 
-import type { Room } from "@repo/shared/src/types/room";
+import { GameState, type Room } from "@repo/shared/src/types/room";
 
 export default function App() {
-  const [gameState, setGameState] = useState<"title" | "lobby" | "playing">("title");
+  const [gameState, setGameState] = useState<GameState>(GameState.TITLE);
   const [room, setRoom] = useState<Room | null>(null);
   const [myId, setMyId] = useState<string | null>(null);
 
@@ -17,17 +17,17 @@
     socketClient.onConnect((id) => setMyId(id));
     socketClient.onRoomUpdate((updatedRoom) => {
       setRoom(updatedRoom);
-      setGameState("lobby");
+      setGameState(GameState.LOBBY);
     });
-    socketClient.onGameStart(() => setGameState("playing"));
+    socketClient.onGameStart(() => setGameState(GameState.PLAYING));
   }, []);
 
   // レンダリング分岐
-  if (gameState === "title") {
-    return <TitleScene onJoin={(roomId, playerName) => socketClient.joinRoom(roomId, playerName)} />;
+  if (gameState === GameState.TITLE) {
+    return <TitleScene onJoin={(payload) => socketClient.joinRoom(payload.roomId, payload.playerName)} />;
   }
   
-  if (gameState === "lobby") {
+  if (gameState === GameState.LOBBY) {
     return <LobbyScene room={room} myId={myId} onStart={() => socketClient.startGame()} />;
   }
 
diff --git a/apps/client/src/network/SocketClient.ts b/apps/client/src/network/SocketClient.ts
index a14d709..11bdc85 100644
--- a/apps/client/src/network/SocketClient.ts
+++ b/apps/client/src/network/SocketClient.ts
@@ -1,13 +1,6 @@
 import { io, Socket } from "socket.io-client";
 import { SocketEvents } from "@repo/shared/src/protocol/events";
-
-// プレイヤーの基本情報を定義する型
-export type PlayerData = {
-  id: string;
-  x: number;
-  y: number;
-  color: string;
-};
+import type { PlayerData } from "@repo/shared/src/types/player";
 
 /**
  * サーバーとのWebSocket通信を管理するクライアントクラス
diff --git a/apps/client/src/scenes/TitleScene.tsx b/apps/client/src/scenes/TitleScene.tsx
index a559685..1c8e8b0 100644
--- a/apps/client/src/scenes/TitleScene.tsx
+++ b/apps/client/src/scenes/TitleScene.tsx
@@ -1,13 +1,25 @@
 import { useState } from "react";
+// sharedからのインポート（パスは環境に合わせて調整してください）
+import type { JoinRoomPayload } from "@repo/shared/src/types/room";
 
 type Props = {
-  onJoin: (roomId: string, playerName: string) => void;
+  // バラバラの引数から、共通のペイロード型に変更
+  onJoin: (payload: JoinRoomPayload) => void;
 };
 
 export const TitleScene = ({ onJoin }: Props) => {
   const [playerName, setPlayerName] = useState("");
   const [roomIdInput, setRoomIdInput] = useState("");
 
+  // 元の条件を維持（両方入力されていればOK）
+  const canJoin = playerName !== "" && roomIdInput !== "";
+
+  const handleJoin = () => {
+    if (canJoin) {
+      onJoin({ roomId: roomIdInput, playerName });
+    }
+  };
+
   return (
     <div style={{ padding: 40, color: "white", background: "#111", height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }}>
       <h1 style={{ fontSize: "3rem", marginBottom: "40px", color: "#4ade80" }}>Pixel Paint War</h1>
@@ -28,13 +40,13 @@
       </div>
       
       <button
-        onClick={() => onJoin(roomIdInput, playerName)}
-        disabled={!playerName || !roomIdInput}
+        onClick={handleJoin}
+        disabled={!canJoin}
         style={{
           padding: "15px 30px",
           fontSize: "1.2rem",
-          cursor: (!playerName || !roomIdInput) ? "not-allowed" : "pointer",
-          backgroundColor: (!playerName || !roomIdInput) ? "#555" : "#3b82f6",
+          cursor: !canJoin ? "not-allowed" : "pointer",
+          backgroundColor: !canJoin ? "#555" : "#3b82f6",
           color: "white",
           border: "none",
           borderRadius: "5px",
diff --git a/apps/server/src/managers/GameManager.ts b/apps/server/src/managers/GameManager.ts
index 899a6c2..1ba317e 100644
--- a/apps/server/src/managers/GameManager.ts
+++ b/apps/server/src/managers/GameManager.ts
@@ -48,23 +48,8 @@
       // クライアント側で計算済みの座標(x, y)が送られてくるので、
       // ここで speed を掛けたり、+= で足したりしてはいけません。
       // そのまま「代入」するのが正解です。
-      
-      let nextX = x;
-      let nextY = y;
-
-      const MAP_SIZE = 2000;
-      const PLAYER_SIZE = 20;
-
-      // 画面端の制限（クランプ処理）
-      // 0 〜 2000 の範囲からはみ出さないようにする
-      if (nextX < 0) nextX = 0;
-      if (nextX > MAP_SIZE - PLAYER_SIZE) nextX = MAP_SIZE - PLAYER_SIZE;
-      if (nextY < 0) nextY = 0;
-      if (nextY > MAP_SIZE - PLAYER_SIZE) nextY = MAP_SIZE - PLAYER_SIZE;
-
-      // 位置を更新
-      player.x = nextX;
-      player.y = nextY;
+      player.x = x;
+      player.y = y;
     }
   }
 
diff --git a/apps/server/src/network/SocketManager.ts b/apps/server/src/network/SocketManager.ts
index 5cc23da..10d4e38 100644
--- a/apps/server/src/network/SocketManager.ts
+++ b/apps/server/src/network/SocketManager.ts
@@ -2,8 +2,9 @@
 import { Server, Socket } from "socket.io";
 import { GameManager } from "../managers/GameManager.js";
 // shared側の型をインポート（※パスは実際の環境に合わせて修正してください）
-import type { Room } from "@repo/shared/src/types/room";
+import { Room, RoomStatus } from "@repo/shared/src/types/room";
 import { SocketEvents } from "@repo/shared/src/protocol/events";
+import { GAME_CONFIG } from "@repo/shared/src/config/gameConfig";
 
 type RoomPlayer = Room["players"][0];
 
@@ -40,8 +41,8 @@
             roomId: roomId,
             ownerId: socket.id, // 最初に作った人がオーナー
             players: [],
-            status: 'waiting',
-            maxPlayers: 4
+            status: RoomStatus.WAITING,
+            maxPlayers: GAME_CONFIG.MAX_PLAYERS_PER_ROOM
           };
           this.rooms.set(roomId, room);
         }
@@ -63,7 +64,7 @@
       socket.on(SocketEvents.START_GAME, () => {
         for (const [roomId, room] of this.rooms.entries()) {
           if (room.ownerId === socket.id) {
-            room.status = 'playing';
+            room.status = RoomStatus.PLAYING;
             
             // 🎮 全員を GameManager に追加する
             room.players.forEach(p => {
diff --git "a/docs/01_Env/ENV_01_\347\222\260\345\242\203\346\247\213\347\257\211\343\203\273\346\212\200\350\241\223\343\202\271\343\202\277\343\203\203\343\202\257.txt" "b/docs/01_Env/ENV_01_\347\222\260\345\242\203\346\247\213\347\257\211\343\203\273\346\212\200\350\241\223\343\202\271\343\202\277\343\203\203\343\202\257.txt"
index ee0305c..fd36c35 100644
--- "a/docs/01_Env/ENV_01_\347\222\260\345\242\203\346\247\213\347\257\211\343\203\273\346\212\200\350\241\223\343\202\271\343\202\277\343\203\203\343\202\257.txt"
+++ "b/docs/01_Env/ENV_01_\347\222\260\345\242\203\346\247\213\347\257\211\343\203\273\346\212\200\350\241\223\343\202\271\343\202\277\343\203\203\343\202\257.txt"
@@ -43,12 +43,10 @@
     │   ├── client/           # 【演出】フロントエンド (Browser)
     │   │   ├── src/
     │   │   │   ├── assets/     # 画像・音声リソース
-    │   │   │   ├── core/       # クライアントの心臓部 (GameApp, MainLoop)
-    │   │   │   ├── entities/   # 描画用エンティティ (PlayerSprite - 補間・描画ロジック含む)
+    │   │   │   ├── entities/   # クライアント側エンティティ (Player, GameMap など)
     │   │   │   ├── input/      # 入力処理 (Joystick, Keyboard)
     │   │   │   ├── network/    # 通信処理 (SocketClient, Reconciler/補正処理)
     │   │   │   ├── scenes/     # 画面管理 (Title, Lobby, Game, Result)
-    │   │   │   ├── ui/         # HTML UI管理 (HUD, Modal)
     │   │   │   └── main.ts     # エントリーポイント
     │   │   ├── index.html
     │   │   ├── vite.config.ts
@@ -56,7 +54,6 @@
     │   │
     │   └── server/           # 【権限】バックエンド (Node.js)
     │       ├── src/
-    │       │   ├── core/       # サーバーの心臓部 (GameLoop, ServerEngine)
     │       │   ├── entities/   # サーバー側エンティティ (Player, Item - 状態管理のみ)
     │       │   ├── managers/   # 管理クラス (RoomManager, ScoreManager)
     │       │   ├── network/    # WebSocket処理 (Connection, PacketHandler)
@@ -70,7 +67,6 @@
             │   ├── config/     # ゲーム定数 (マップサイズ, TickRate, 物理定数)
             │   ├── protocol/   # 通信規約 (パケット構造, OpCode, バイナリ定義)
             │   ├── types/      # 型定義 (PlayerState, InputData, RoomInfo)
-            │   ├── utils/      # 純粋関数 (Vector計算, 衝突判定, グリッド計算)
             │   └── index.ts    # エントリーポイント (tsupビルド対象)
             ├── tsup.config.ts  # ビルド設定
             └── package.json
diff --git a/packages/shared/src/config/gameConfig.ts b/packages/shared/src/config/gameConfig.ts
index 6ed6666..bd60d31 100644
--- a/packages/shared/src/config/gameConfig.ts
+++ b/packages/shared/src/config/gameConfig.ts
@@ -6,6 +6,9 @@
   // マップ設定
   MAP_WIDTH: 2000,
   MAP_HEIGHT: 2000,
+  
+  // ルーム設定
+  MAX_PLAYERS_PER_ROOM: 4,
 
   // プレイヤー設定
   PLAYER_RADIUS: 10,      // キャラの大きさ
diff --git a/packages/shared/src/types/player.ts b/packages/shared/src/types/player.ts
new file mode 100644
index 0000000..90b43b2
--- /dev/null
+++ b/packages/shared/src/types/player.ts
@@ -0,0 +1,7 @@
+// プレイヤーの基本情報を定義する共通型
+export interface PlayerData {
+  id: string;
+  x: number;
+  y: number;
+  color: string;
+}
\ No newline at end of file
diff --git a/packages/shared/src/types/room.ts b/packages/shared/src/types/room.ts
index f801a09..8edade6 100644
--- a/packages/shared/src/types/room.ts
+++ b/packages/shared/src/types/room.ts
@@ -1,30 +1,35 @@
-export interface Player {
-  id: string;        // Socket ID
-  name: string;      // ユーザーが入力した名前
-  isOwner: boolean;  // ルームオーナーかどうか
-  isReady: boolean;  // 準備完了状態
-}
+// 🌟 追加: アプリの画面遷移状態を定義
+export const GameState = {
+  TITLE: 'title',
+  LOBBY: 'lobby',
+  PLAYING: 'playing',
+} as const;
+export type GameState = typeof GameState[keyof typeof GameState];
 
-export type RoomStatus = 'waiting' | 'playing' | 'result';
+// 🌟 追加・修正: ルームの進行状態を文字列から定数オブジェクトに変更
+export const RoomStatus = {
+  WAITING: 'waiting',
+  PLAYING: 'playing',
+  RESULT: 'result',
+} as const;
+export type RoomStatus = typeof RoomStatus[keyof typeof RoomStatus];
+
+export interface RoomMember {
+  id: string;
+  name: string;
+  isOwner: boolean;
+  isReady: boolean;
+}
 
 export interface Room {
-  roomId: string;      // ルームを識別するID
-  ownerId: string;     // オーナーのPlayer ID
-  players: Player[];   // 参加中のプレイヤーリスト
-  status: RoomStatus;  // 現在の状態
-  maxPlayers: number;  // 最大参加人数（デフォルト4など）
+  roomId: string;
+  ownerId: string;
+  players: RoomMember[];
+  status: RoomStatus;  // 👈 ここで上記の型を使用する
+  maxPlayers: number;
 }
 
-// サーバーからクライアントへ送るイベントの型（任意ですがあると便利です）
-export interface ServerToClientEvents {
-  'room-update': (room: Room) => void;
-  'game-start': () => void;
-  'error-message': (message: string) => void;
-}
-
-// クライアントからサーバーへ送るイベントの型
-export interface ClientToServerEvents {
-  'join-room': (payload: { roomId: string; playerName: string }) => void;
-  'leave-room': () => void;
-  'start-game': () => void;
+export interface JoinRoomPayload {
+  roomId: string;
+  playerName: string;
 }
\ No newline at end of file