CyberAgentHack · kimurash · Mar 20, 2026 · Mar 20, 2026 · Mar 20, 2026 · Mar 20, 2026
diff --git a/Dockerfile b/Dockerfile
@@ -10,6 +10,7 @@ LABEL fly_launch_runtime="Node.js"
 ENV PNPM_HOME=/pnpm
 
 WORKDIR /app
+RUN apt-get update && apt-get install -y --no-install-recommends ffmpeg && rm -rf /var/lib/apt/lists/*
 RUN --mount=type=cache,target=/root/.npm npm install -g pnpm@${PNPM_VERSION}
 
 FROM base AS build

diff --git a/application/client/babel.config.js b/application/client/babel.config.js
@@ -4,16 +4,16 @@ module.exports = {
     [
       "@babel/preset-env",
       {
-        targets: "ie 11",
+        targets: "> 0.5%, last 2 versions, Firefox ESR, not dead",
         corejs: "3",
-        modules: "commonjs",
-        useBuiltIns: false,
+        modules: false,
+        useBuiltIns: "usage",
-        useBuiltIns: "usage",
+        useBuiltIns: "entry",
-        useBuiltIns: "usage",
+        useBuiltIns: "entry",
       },
     ],
     [
       "@babel/preset-react",
       {
-        development: true,
+        development: false,
         runtime: "automatic",
       },
     ],

diff --git a/application/client/package.json b/application/client/package.json
@@ -5,13 +5,11 @@
   "license": "MPL-2.0",
   "author": "CyberAgent, Inc.",
   "scripts": {
-    "build": "NODE_ENV=development webpack",
+    "build": "NODE_ENV=production webpack",
+    "analyze": "ANALYZE=true NODE_ENV=production webpack",
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@ffmpeg/core": "0.12.10",
-    "@ffmpeg/ffmpeg": "0.12.15",
-    "@imagemagick/magick-wasm": "0.0.37",
     "@mlc-ai/web-llm": "0.2.80",
     "@web-speed-hackathon-2026/client": "workspace:*",
     "bayesian-bm25": "0.4.0",
@@ -20,10 +18,7 @@
     "classnames": "2.5.1",
     "common-tags": "1.8.2",
     "core-js": "3.45.1",
-    "encoding-japanese": "2.2.0",
     "fast-average-color": "9.5.0",
-    "gifler": "github:themadcreator/gifler#v0.3.0",
-    "image-size": "2.0.2",
     "jquery": "3.7.1",
     "jquery-binarytransport": "1.0.0",
     "json-repair-js": "1.0.0",
@@ -32,11 +27,8 @@
     "langs": "2.0.0",
     "lodash": "4.17.21",
     "moment": "2.30.1",
-    "negaposi-analyzer-ja": "1.0.1",
     "normalize.css": "8.0.1",
-    "omggif": "1.0.10",
     "pako": "2.1.0",
-    "piexifjs": "1.0.6",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-helmet": "npm:@dr.pogodin/react-helmet@3.0.4",
@@ -57,16 +49,15 @@
     "@babel/preset-env": "7.28.3",
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
+    "@tailwindcss/postcss": "^4.2.2",
     "@tsconfig/strictest": "2.0.8",
     "@types/bluebird": "3.5.42",
     "@types/common-tags": "1.8.4",
-    "@types/encoding-japanese": "2.2.1",
     "@types/jquery": "3.5.33",
     "@types/kuromoji": "0.1.3",
     "@types/langs": "2.0.5",
     "@types/lodash": "4.17.20",
     "@types/node": "22.18.8",
-    "@types/omggif": "1.0.5",
     "@types/pako": "2.0.4",
     "@types/piexifjs": "1.0.0",
     "@types/react": "19.2.2",
@@ -83,8 +74,10 @@
     "postcss-loader": "8.2.0",
     "postcss-preset-env": "10.4.0",
     "react-markdown": "10.1.0",
+    "tailwindcss": "^4.2.2",
     "typescript": "5.9.3",
     "webpack": "5.102.1",
+    "webpack-bundle-analyzer": "^5.3.0",
     "webpack-cli": "6.0.1",
     "webpack-dev-server": "5.2.2"
   },

diff --git a/application/client/pnpm-lock.yaml b/application/client/pnpm-lock.yaml
diff --git a/application/client/postcss.config.js b/application/client/postcss.config.js
@@ -1,9 +1,9 @@
-const postcssImport = require("postcss-import");
+const tailwindcss = require("@tailwindcss/postcss");
 const postcssPresetEnv = require("postcss-preset-env");
 
 module.exports = {
   plugins: [
-    postcssImport(),
+    tailwindcss(),
     postcssPresetEnv({
       stage: 3,
     }),