fix：環境を修正

ayahiro1729 · Aug 6, 2024 · 9b6352b · 9b6352b
1 parent 397e7a2
commit 9b6352b
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 11 deletions.
diff --git a/.dockerignore b/.dockerignore
@@ -0,0 +1,5 @@
+node_modules
+npm-debug.log
+build
+.dockerignore
+Dockerfile
diff --git a/compose.yml b/compose.yml
@@ -7,17 +7,21 @@ services:
       - "3000:3000"
     volumes:
       - ./frontend:/app
+      - /app/node_modules
     networks:
       - app-network
+    environment:
+      - CHOKIDAR_USEPOLLING=true
+      - WATCHPACK_POLLING=true
 
   backend:
     build:
       context: .
       dockerfile: ./docker/backend/Dockerfile
     ports:
       - "8080:8080"
-    # volumes:
-    #   - ./backend:/app
+    volumes:
+      - ./backend:/onpu
     networks:
       - app-network
 

diff --git a/docker/backend/Dockerfile b/docker/backend/Dockerfile
@@ -1,6 +1,9 @@
 # ベースイメージを指定
 FROM golang:1.22-alpine
 
+# CompileDaemonをインストール
+RUN go install github.com/githubnemo/CompileDaemon@latest
+
 # 作業ディレクトリを設定
 WORKDIR /app
 
@@ -14,11 +17,8 @@ RUN go mod tidy
 # アプリケーションのソースコードをコピー
 COPY ./backend .
 
-# アプリケーションをビルド
-RUN go build -o /app/main .
-
 # ポートを指定
 EXPOSE 8080
 
 # アプリケーションを起動
-CMD ["/app/main"]
+CMD ["CompileDaemon", "--build=go build -o /app/main /app/main.go", "--command=/app/main"]
diff --git a/docker/frontend/Dockerfile b/docker/frontend/Dockerfile
@@ -2,7 +2,7 @@
 FROM node:22-alpine
 
 # 作業ディレクトリを設定
-WORKDIR /onpu
+WORKDIR /app
 
 # package.jsonとpackage-lock.jsonをコピー
 COPY ./frontend/package*.json ./
@@ -14,11 +14,8 @@ RUN npm install
 # アプリケーションのソースコードをコピー
 COPY ./frontend .
 
-# アプリケーションをビルド
-RUN npm run build
-
 # ポートを指定
 EXPOSE 3000
 
 # アプリケーションを起動
-CMD ["npm", "start"]
+CMD ["npm", "run", "dev"]
diff --git a/frontend/app/root.tsx b/frontend/app/root.tsx
@@ -7,6 +7,8 @@ import {
 } from "@remix-run/react";
 import "./tailwind.css";
 
+import { LiveReload } from "@remix-run/react";
+
 export function Layout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
@@ -17,6 +19,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
         <Links />
       </head>
       <body>
+        <LiveReload />
         {children}
         <ScrollRestoration />
         <Scripts />

diff --git a/frontend/remix.config.cjs b/frontend/remix.config.cjs
@@ -0,0 +1,7 @@
+module.exports = {
+  watchPaths: ["app/**/*"],
+  ignoredRouteFiles: ["**/.*"],
+  serverBuildPath: "build/index.js",
+  assetsBuildDirectory: "public/build",
+  publicPath: "/build/",
+};
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -13,4 +13,14 @@ export default defineConfig({
     }),
     tsconfigPaths(),
   ],
+  server: {
+    host: "0.0.0.0",
+    port: 3000,
+    hmr: {
+      clientPort: 3000,
+    },
+    watch: {
+      usePolling: true,
+    },
+  },
 });