diff --git a/apps/client/src/app.tsx b/apps/client/src/app.tsx
index e4393d1..df5cec0 100644
--- a/apps/client/src/app.tsx
+++ b/apps/client/src/app.tsx
@@ -24,7 +24,7 @@
 
   // レンダリング分岐
   if (gameState === "title") {
-    return <TitleScene onJoin={(roomId, playerName) => socketClient.joinRoom(roomId, playerName)} />;
+    return <TitleScene onJoin={(payload) => socketClient.joinRoom(payload.roomId, payload.playerName)} />;
   }
   
   if (gameState === "lobby") {
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/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/types/room.ts b/packages/shared/src/types/room.ts
index f801a09..a952fa9 100644
--- a/packages/shared/src/types/room.ts
+++ b/packages/shared/src/types/room.ts
@@ -15,16 +15,7 @@
   maxPlayers: number;  // 最大参加人数（デフォルト4など）
 }
 
-// サーバーからクライアントへ送るイベントの型（任意ですがあると便利です）
-export interface ServerToClientEvents {
-  'room-update': (room: Room) => void;
-  'game-start': () => void;
-  'error-message': (message: string) => void;
+export interface JoinRoomPayload {
+  roomId: string;
+  playerName: string;
 }
-
-// クライアントからサーバーへ送るイベントの型
-export interface ClientToServerEvents {
-  'join-room': (payload: { roomId: string; playerName: string }) => void;
-  'leave-room': () => void;
-  'start-game': () => void;
-}
\ No newline at end of file