CyberAgentHack · yuta-ike · Mar 20, 2026 · Mar 20, 2026 · Mar 20, 2026 · Mar 20, 2026
diff --git a/.dockerignore b/.dockerignore
@@ -2,5 +2,4 @@ node_modules
 .git
 *.log
 
-application/server/seeds
 application/server/upload
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1 @@
+application/server/database.sqlite !text !filter !merge !diff
diff --git a/Dockerfile b/Dockerfile
@@ -23,6 +23,8 @@ COPY ./application .
 
 RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
 
+RUN pnpm --filter @web-speed-hackathon-2026/server seed:insert
+
 RUN --mount=type=cache,target=/pnpm/store CI=true pnpm install --frozen-lockfile --prod --filter @web-speed-hackathon-2026/server
 
 FROM base

diff --git a/README.md b/README.md
@@ -56,3 +56,5 @@ https://github.com/CyberAgentHack/web-speed-hackathon-2026-scoring/issues/new?te
     - (Original Font) Source Han Serif JP: OFT 1.1 by Adobe http://www.adobe.com/
 - Text
   - 太宰治『走れメロス』（1940年）
+
+deploy
diff --git a/application/.gitignore b/application/.gitignore
@@ -216,3 +216,6 @@ $RECYCLE.BIN/
 *.lnk
 
 # End of https://www.toptal.com/developers/gitignore/api/node,macos,linux,windows
+
+.tanstack
+.output
diff --git a/application/client/index.html b/application/client/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="ja">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>CaX</title>
+  <link rel="stylesheet" href="./src/style.css" />
+</head>
+
+<body class="bg-cax-canvas text-cax-text">
+  <div id="app"></div>
+  <script type="module" src="./src/index.tsx"></script>
+</body>
+
+</html>
diff --git a/application/client/package.json b/application/client/package.json
@@ -5,41 +5,29 @@
   "license": "MPL-2.0",
   "author": "CyberAgent, Inc.",
   "scripts": {
-    "build": "NODE_ENV=development webpack",
+    "dev": "vite",
+    "build": "vite build",
+    "start:webpack": "webpack serve",
+    "build:webpack": "NODE_ENV=development 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",
+    "@fortawesome/fontawesome-free": "7.2.0",
+    "@tanstack/react-query": "5.91.3",
+    "@tanstack/react-router": "1.168.1",
+    "@tanstack/react-router-ssr-query": "1.166.10",
     "@web-speed-hackathon-2026/client": "workspace:*",
-    "bayesian-bm25": "0.4.0",
-    "bluebird": "3.7.2",
-    "buffer": "6.0.3",
     "classnames": "2.5.1",
-    "common-tags": "1.8.2",
     "core-js": "3.45.1",
+    "date-fns": "4.1.0",
     "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",
     "katex": "0.16.25",
-    "kuromoji": "0.1.2",
-    "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",
     "react-redux": "9.2.0",
     "react-router": "7.9.4",
     "react-syntax-highlighter": "16.1.0",
@@ -48,32 +36,26 @@
     "regenerator-runtime": "0.14.1",
     "rehype-katex": "7.0.1",
     "remark-gfm": "4.0.1",
-    "remark-math": "6.0.0",
-    "standardized-audio-context": "25.3.77",
-    "tiny-invariant": "1.3.3"
+    "remark-math": "6.0.0"
   },
   "devDependencies": {
     "@babel/core": "7.28.4",
     "@babel/preset-env": "7.28.3",
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
+    "@rolldown/plugin-babel": "0.2.2",
+    "@tailwindcss/vite": "4.2.2",
+    "@tanstack/router-plugin": "1.167.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",
     "@types/react-dom": "19.2.1",
     "@types/react-syntax-highlighter": "15.5.13",
     "@types/redux-form": "^8.3.11",
+    "@vitejs/plugin-react": "6.0.1",
     "babel-loader": "10.0.0",
+    "baseline-browser-mapping": "2.10.9",
     "copy-webpack-plugin": "13.0.1",
     "css-loader": "7.1.2",
     "html-webpack-plugin": "5.6.4",
@@ -83,13 +65,20 @@
     "postcss-loader": "8.2.0",
     "postcss-preset-env": "10.4.0",
     "react-markdown": "10.1.0",
+    "rollup-plugin-visualizer": "7.0.1",
+    "tailwindcss": "4.2.2",
     "typescript": "5.9.3",
+    "vite": "8.0.1",
+    "vite-bundle-analyzer": "1.3.6",
     "webpack": "5.102.1",
     "webpack-cli": "6.0.1",
     "webpack-dev-server": "5.2.2"
   },
   "engines": {
     "node": "24.14.0"
   },
+  "volta": {
+    "node": "24.14.0"
+  },
   "packageManager": "pnpm@10.32.1"
 }
diff --git a/application/client/src/auth/validation.ts b/application/client/src/auth/validation.ts
@@ -1,6 +1,6 @@
-import { FormErrors } from "redux-form";
+import type { FormErrors } from "redux-form";
 
-import { AuthFormData } from "@web-speed-hackathon-2026/client/src/auth/types";
+import type { AuthFormData } from "@web-speed-hackathon-2026/client/src/auth/types";
 
 export const validate = (values: AuthFormData): FormErrors<AuthFormData> => {
   const errors: FormErrors<AuthFormData> = {};
@@ -21,7 +21,8 @@ export const validate = (values: AuthFormData): FormErrors<AuthFormData> => {
   }
 
   if (!/^[a-zA-Z0-9_]*$/.test(normalizedUsername)) {
-    errors.username = "ユーザー名に使用できるのは英数字とアンダースコア(_)のみです";
+    errors.username =
+      "ユーザー名に使用できるのは英数字とアンダースコア(_)のみです";
   }
   if (normalizedUsername.length === 0) {
     errors.username = "ユーザー名を入力してください";

diff --git a/application/client/src/buildinfo.ts b/application/client/src/buildinfo.ts
diff --git a/application/client/src/components/application/AccountMenu.tsx b/application/client/src/components/application/AccountMenu.tsx
@@ -43,8 +43,12 @@ export const AccountMenu = ({ user, onLogout }: Props) => {
           src={getProfileImagePath(user.profileImage.id)}
         />
         <div className="hidden min-w-0 flex-1 text-left lg:block">
-          <div className="text-cax-text truncate text-sm font-bold">{user.name}</div>
-          <div className="text-cax-text-muted truncate text-sm">@{user.username}</div>
+          <div className="text-cax-text truncate text-sm font-bold">
+            {user.name}
+          </div>
+          <div className="text-cax-text-muted truncate text-sm">
+            @{user.username}
+          </div>
         </div>
         <span className="text-cax-text-muted hidden lg:block">···</span>
       </button>

diff --git a/application/client/src/components/application/AppPage.tsx b/application/client/src/components/application/AppPage.tsx
@@ -3,24 +3,15 @@ import type { ReactNode } from "react";
 import { Navigation } from "@web-speed-hackathon-2026/client/src/components/application/Navigation";
 
 interface Props {
-  activeUser: Models.User | null;
   children: ReactNode;
-  authModalId: string;
-  newPostModalId: string;
-  onLogout: () => void;
 }
 
-export const AppPage = ({ activeUser, children, authModalId, newPostModalId, onLogout }: Props) => {
+export const AppPage = ({ children }: Props) => {
   return (
     <div className="relative z-0 flex justify-center font-sans">
       <div className="bg-cax-surface text-cax-text flex min-h-screen max-w-full">
         <aside className="relative z-10">
-          <Navigation
-            activeUser={activeUser}
-            authModalId={authModalId}
-            newPostModalId={newPostModalId}
-            onLogout={onLogout}
-          />
+          <Navigation />
         </aside>
         <main className="relative z-0 w-screen max-w-screen-sm min-w-0 shrink pb-12 lg:pb-0">
           {children}
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,5 +2,4 @@ node_modules @@
     .git
     *.log
-    application/server/seeds
     application/server/upload
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		application/server/database.sqlite !text !filter !merge !diff