CIの導入

.github/workflows/lint.yaml

@@ -0,0 +1,27 @@
+name: Lint Code Base
+on:
+  pull_request:
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout main branch
+        uses: actions/checkout@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+      - name: Install dependencies
+        run: pnpm install
+      - name: TypeScript Compile Check
+        run: pnpm tsc --noEmit
+      - name: Run ESLint
+        run: pnpm lint
+      - name: Run Prettier
+        run: pnpm format --check
+      - name: Run Stylelint
+        run: pnpm stylelint

eslint.config.mjs

@@ -1,23 +1,18 @@
-import { FlatCompat } from "@eslint/eslintrc";
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
+import { FlatCompat } from '@eslint/eslintrc';
+import eslintConfigPrettier from 'eslint-config-prettier';
 
 const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
+  // import.meta.dirname is available after Node.js v20.11.0
+  baseDirectory: import.meta.dirname,
+})
 
 const eslintConfig = [
+  {
+    ignores: ["node_modules/", ".next/"],
+  },
   ...compat.extends("next/core-web-vitals", "next/typescript"),
-  importPlugin.flatConfigs.recommended,
+  eslintConfigPrettier,
   {
-    files: ['**/*.{ts,tsx}'],
-    languageOptions: {
-      ecmaVersion: 'latest',
-      sourceType: 'module',
-    },
     rules: {
       "import/order": [
         "error",
@@ -34,14 +29,9 @@ const eslintConfig = [
           "pathGroups": [
             {
               "pattern": "{react,react-dom/**,react-router-dom,next,next/**}",
-              "group": "bulitin",
+              "group": "builtin",
               "position": "before"
             },
-            {
-              "pattern": "@mantine/**",
-              "group": "builtin",
-              "position": "after"
-            }
           ],
           "pathGroupsExcludedImportTypes": ["builtin"],
           "alphabetize": {
@@ -54,4 +44,4 @@ const eslintConfig = [
   },
 ];
 
-export default eslintConfig;
+export default eslintConfig;

package.json

@@ -7,7 +7,7 @@
     "build": "next build",
     "start": "next start",
     "format": "prettier --write \"./src/**/*.{ts,tsx}\"",
-    "lint": "next lint",
+    "lint": "eslint",
     "stylelint": "stylelint \"./src/**/*.css\" --fix"
   },
   "dependencies": {
@@ -21,14 +21,16 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
+    "eslint": "^9.16.0",
     "@eslint/eslintrc": "^3",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "eslint": "^9",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-config-next": "15.1.0",
     "eslint-plugin-import": "^2.31.0",
     "prettier": "^3.4.2",
+    "typescript-eslint": "^8.19.0",
     "stylelint": "^16.11.0",
     "stylelint-config-recess-order": "^5.1.1",
     "stylelint-config-standard": "^36.0.1",