Fixed port forwarding and eslint env settings

Author: ch00z00

backend/main.go

@@ -104,7 +104,7 @@ func AuthMiddleware() gin.HandlerFunc {
 		userID := c.GetHeader("X-User-ID")
 		if userID == "" {
 			// テスト用のダミーユーザーID (実際の認証基盤実装時に置き換える)
-			userID = "test-user-uuid-12345"
+			userID = "user-test-123"
 			log.Printf("Warning: X-User-ID header not found, using default test user ID: %s", userID)
 		}
 		c.Set("userID", userID)

frontend/eslint.config.js

@@ -40,5 +40,6 @@ export default [
       'prettier/prettier': 'error',
       '@typescript-eslint/no-unused-vars': 'warn',
     },
+    env: { browser: true, es2020: true },
   },
 ];

frontend/src/components/common/atoms/Input.tsx

@@ -20,10 +20,7 @@ const StyledInput = styled.input`
 `;
 
 const Input = forwardRef<
-  // TODO: Remove eslint-disable-next-line after refactoring
-  // eslint-disable-next-line no-undef
   HTMLInputElement,
-  // eslint-disable-next-line no-undef
   InputHTMLAttributes<HTMLInputElement>
 >((props, ref) => <StyledInput {...props} ref={ref} />);
 

frontend/src/components/common/atoms/Textarea.tsx

@@ -21,10 +21,7 @@ const StyledTextarea = styled.textarea`
 `;
 
 const Textarea = forwardRef<
-  // TODO: Remove eslint-disable-next-line after refactoring
-  // eslint-disable-next-line no-undef
   HTMLTextAreaElement,
-  // eslint-disable-next-line no-undef
   TextareaHTMLAttributes<HTMLTextAreaElement>
 >((props, ref) => <StyledTextarea {...props} ref={ref} />);
 

frontend/src/components/complexes/organisms/ComplexCard.tsx

@@ -70,14 +70,10 @@ const ActionsWrapper = styled.div`
   margin-top: auto; /* Pushes actions to the bottom */
 `;
 
-// TODO: Remove eslint-disable-next-line after refactoring
 interface ComplexCardProps {
   complex: Complex;
-  // eslint-disable-next-line no-unused-vars
   onViewGoals: (id: number) => void;
-  // eslint-disable-next-line no-unused-vars
   onEdit: (id: number) => void;
-  // eslint-disable-next-line no-unused-vars
   onDelete: (id: number) => void;
   animationDelay: number;
 }

frontend/src/components/complexes/organisms/ComplexList.tsx

@@ -12,11 +12,8 @@ const ListWrapper = styled.div`
 
 interface ComplexListProps {
   complexes: Complex[];
-  // eslint-disable-next-line no-unused-vars
   onViewGoals: (id: number) => void;
-  // eslint-disable-next-line no-unused-vars
   onEdit: (id: number) => void;
-  // eslint-disable-next-line no-unused-vars
   onDelete: (id: number) => void;
   onAddNewComplex: () => void; // For NoComplexesMessage
 }

frontend/src/i18n.ts

@@ -21,7 +21,6 @@ i18n
   .init({
     resources,
     fallbackLng: 'ja', // デフォルトの言語
-    // eslint-disable-next-line no-undef
     debug: process.env.NODE_ENV === 'development', // 開発モード時のみデバッグ情報を出力
 
     interpolation: {

frontend/src/pages/ComplexFormPage.tsx

@@ -65,12 +65,10 @@ const ComplexFormPage: React.FC = () => {
     mutationFn: createComplex,
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['complexes'] }); // コンプレックス一覧キャッシュを無効化
-      // eslint-disable-next-line no-undef
       alert(t('complexForm.successMessage')); // 成功メッセージ
       navigate('/'); // 一覧ページへ遷移
     },
     onError: (error) => {
-      // eslint-disable-next-line no-undef
       alert(`${t('complexForm.errorMessage')}: ${error.message}`); // エラーメッセージ
     },
   });

frontend/src/pages/ComplexesPage.tsx

@@ -70,11 +70,9 @@ const ComplexesPage: React.FC = () => {
     mutationFn: deleteComplex,
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['complexes'] }); // キャッシュを無効化して再フェッチ
-      // eslint-disable-next-line no-undef
       alert(t('deleteConfirmation', { id: '' }).replace('{{id}} ', '')); // 実際には削除されたIDを渡す
     },
     onError: (err) => {
-      // eslint-disable-next-line no-undef
       alert(`削除に失敗しました: ${err.message}`);
     },
   });
@@ -87,14 +85,12 @@ const ComplexesPage: React.FC = () => {
   const handleViewGoals = (id: number) => {
     console.log(`目標を見る/設定: Complex ID ${id}`);
     // TODO: React Routerを使用して目標設定ページへ遷移
-    // eslint-disable-next-line no-undef
     alert(t('viewSetGoalsButton') + ` (ID: ${id}) 画面へ（未実装）`);
   };
 
   const handleEditComplex = (id: number) => {
     console.log(`編集: Complex ID ${id}`);
     // TODO: React Routerを使用して編集ページへ遷移
-    // eslint-disable-next-line no-undef
     alert(t('editButton') + ` (ID: ${id}) 画面へ（未実装）`);
   };
 

frontend/src/services/api.ts

@@ -1,7 +1,7 @@
 import type { Complex, ComplexInput } from '../types/complex';
 
 // 仮のユーザーID (認証基盤実装時に置き換える)
-const DUMMY_USER_ID = 'test-user-uuid-12345';
+const DUMMY_USER_ID = 'user-test-123';
 
 const API_BASE_URL = '/api/v1';
 
@@ -12,7 +12,6 @@ const getAuthHeaders = () => ({
 
 /* コンプレックス一覧取得 */
 export const fetchComplexes = async (): Promise<Complex[]> => {
-  // eslint-disable-next-line no-undef
   const response = await fetch(`${API_BASE_URL}/complexes`, {
     headers: getAuthHeaders(),
   });
@@ -22,7 +21,6 @@ export const fetchComplexes = async (): Promise<Complex[]> => {
 
 /* 新しいコンプレックスを登録 */
 export const createComplex = async (data: ComplexInput): Promise<Complex> => {
-  // eslint-disable-next-line no-undef
   const response = await fetch(`${API_BASE_URL}/complexes`, {
     method: 'POST',
     headers: getAuthHeaders(),
@@ -34,7 +32,6 @@ export const createComplex = async (data: ComplexInput): Promise<Complex> => {
 
 // コンプレックス削除 (ComplexesPage.tsxで使用していたダミー関数を置き換え)
 export const deleteComplex = async (id: number): Promise<void> => {
-  // eslint-disable-next-line no-undef
   const response = await fetch(`${API_BASE_URL}/complexes/${id}`, {
     method: 'DELETE',
     headers: getAuthHeaders(),