frontend-developmentのimageをnode:20にした

Author: hotate29

docker-compose.yml

@@ -33,9 +33,15 @@ services:
     command: /bin/sh -c "cargo watch -s 'cargo run --bin run_server'"
 
   frontend-development:
-    image: node:16
+    image: node:20
     ports:
       - "3000:3000"
+    environment:
+      # Node 17でOpenSSLがデフォルトでMD4ハッシュを提供しなくなり、
+      # これに依存していたwebpackに依存するreact-scripts 4.x系でのビルドができなくなってしまった。
+      # --openssl-legacy-providerをオプションとして渡すことで、Node 17以降でもビルドができる。
+      # react-scripts 4.x系から移行したら、このオプションは不要になる。
+      NODE_OPTIONS: --openssl-legacy-provider
     volumes:
       - ./:/app
       - node_modules:/app/atcoder-problems-frontend/node_modules