PeasForm追加

README.md

@@ -1,3 +1,3 @@
 # Last2014
-https://last2014.f5.si
+https://last2014.com
 Last2014 Home Website

next.config.ts

@@ -1,8 +1,6 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  output: "export",
-  distDir: process.env.DIST || "./out",
   images: {
     unoptimized: true,
   },

package-lock.json

@@ -13,6 +13,8 @@
         "@types/next": "^9.0.0",
         "bulma": "^1.0.4",
         "date-fns": "^4.1.0",
+        "dotenv": "^17.2.0",
+        "mysql2": "^3.14.2",
         "next": "^15.3.3",
         "react": "^19.1.0",
         "react-dom": "^19.1.0",
@@ -1813,6 +1815,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/aws-ssl-profiles": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz",
+      "integrity": "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/axe-core": {
       "version": "4.10.3",
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.3.tgz",
@@ -2190,6 +2201,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/denque": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
+      "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
@@ -2213,6 +2233,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/dotenv": {
+      "version": "17.2.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.2.0.tgz",
+      "integrity": "sha512-Q4sgBT60gzd0BB0lSyYD3xM4YxrXA9y4uBDof1JNYGzOXrQdQ6yX+7XIAqoFOGQFOTK1D3Hts5OllpxMDZFONQ==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -3033,6 +3065,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/generate-function": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz",
+      "integrity": "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-property": "^1.0.2"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
@@ -3260,6 +3301,18 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -3575,6 +3628,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-property": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
+      "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
+      "license": "MIT"
+    },
     "node_modules/is-regex": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
@@ -3889,6 +3948,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/long": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+      "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -3902,6 +3967,30 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/lru.min": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/lru.min/-/lru.min-1.1.2.tgz",
+      "integrity": "sha512-Nv9KddBcQSlQopmBHXSsZVY5xsdlZkdH/Iey0BlcBYggMd4two7cZnKOK9vmy3nY0O5RGH99z1PCeTpPqszUYg==",
+      "license": "MIT",
+      "engines": {
+        "bun": ">=1.0.0",
+        "deno": ">=1.30.0",
+        "node": ">=8.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wellwelwel"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -3966,6 +4055,38 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/mysql2": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/mysql2/-/mysql2-3.14.2.tgz",
+      "integrity": "sha512-YD6mZMeoypmheHT6b2BrVmQFvouEpRICuvPIREulx2OvP1xAxxeqkMQqZSTBefv0PiOBKGYFa2zQtY+gf/4eQw==",
+      "license": "MIT",
+      "dependencies": {
+        "aws-ssl-profiles": "^1.1.1",
+        "denque": "^2.1.0",
+        "generate-function": "^2.3.1",
+        "iconv-lite": "^0.6.3",
+        "long": "^5.2.1",
+        "lru.min": "^1.0.0",
+        "named-placeholders": "^1.1.3",
+        "seq-queue": "^0.0.5",
+        "sqlstring": "^2.3.2"
+      },
+      "engines": {
+        "node": ">= 8.0"
+      }
+    },
+    "node_modules/named-placeholders": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/named-placeholders/-/named-placeholders-1.1.3.tgz",
+      "integrity": "sha512-eLoBxg6wE/rZkJPhU/xRX1WTpkFEwDJEN96oxFrTsqBdbT5ec295Q+CoHrL9IT0DipqKhmGcaZmwOt8OON5x1w==",
+      "license": "MIT",
+      "dependencies": {
+        "lru-cache": "^7.14.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -4615,6 +4736,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
     "node_modules/scheduler": {
       "version": "0.26.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
@@ -4634,6 +4761,11 @@
         "node": ">=10"
       }
     },
+    "node_modules/seq-queue": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/seq-queue/-/seq-queue-0.0.5.tgz",
+      "integrity": "sha512-hr3Wtp/GZIc/6DAGPDcV4/9WoZhjrkXsi5B/07QgX8tsdc6ilr7BFM6PM6rbdAX1kFSDYeZGLipIZZKyQP0O5Q=="
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -4843,6 +4975,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sqlstring": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/sqlstring/-/sqlstring-2.3.3.tgz",
+      "integrity": "sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/stable-hash": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",

package.json

@@ -14,6 +14,8 @@
     "@types/next": "^9.0.0",
     "bulma": "^1.0.4",
     "date-fns": "^4.1.0",
+    "dotenv": "^17.2.0",
+    "mysql2": "^3.14.2",
     "next": "^15.3.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",

src/app/api/peasForm/route.ts

@@ -0,0 +1,25 @@
+import pool from "@/lib/db";
+import type { RowDataPacket } from "mysql2";
+
+import { NextResponse, NextRequest } from "next/server";
+
+export async function POST(request: NextRequest) {
+  const body = await request.json();
+  const { uwuzunetUser, email } = body;
+
+  if (!uwuzunetUser || !email) {
+    return NextResponse.json({
+      status: "error",
+      error: "Body Required",
+    });
+  } else {
+    await pool.execute<RowDataPacket[]>(
+      "INSERT INTO `form` (`uwuzunetUser`, `email`) VALUES (?, ?)",
+      [uwuzunetUser, email],
+    );
+
+    return NextResponse.json({
+      status: "success",
+    })
+  }
+}

src/app/globals.css

@@ -44,3 +44,17 @@ main {
     flex: 1;
     padding: 1rem;
 }
+
+li {
+    width: fit-content;
+    margin: 0 auto;
+}
+
+.box {
+    width: fit-content;
+    margin: 0 auto;
+}
+
+.input {
+    width: 20rem;
+}

src/app/peas/alpha-open/page.tsx

@@ -0,0 +1,130 @@
+"use client";
+
+import { Icon } from "@iconify/react";
+import Link from "next/link";
+import { useState } from "react";
+
+export default function PeasAlphaOpen() {
+  const [Load, setLoad] = useState(false);
+
+  const FormSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    setLoad(true);
+
+    try {
+      const req = await fetch("/api/peasForm", {
+        method: "POST",
+        body: JSON.stringify({
+          uwuzunetUser: e.currentTarget.uwuzunetUser.value,
+          email: e.currentTarget.email.value,
+        })
+      });
+
+      const res = await req.json();
+
+      if (res.status === "error") {
+        alert(`エラー: ${res.error}`);
+      } else {
+        alert("送信完了");
+      }
+    } catch (err) {
+      alert(`通信エラー: ${err}`);
+    } finally {
+      setLoad(false);
+    }
+  };
+
+  return (
+    <div className="content has-text-centered">
+      {Load && (
+        <div style={{ marginBottom: "1rem" }}>
+          <Icon icon="svg-spinners:6-dots-scale" width={32} height={32} />
+        </div>
+      )}
+
+      <h1>Peas公式サーバー先行公開申請</h1>
+
+      <h2>募集期間：2025/07/16 19:00 - 2025/07/23 23:59:59</h2>
+
+      <h2>条件</h2>
+      <ul>
+        <li>GIGAスクール端末での参加は不可</li>
+        <li>13歳未満の場合は保護者の同意が必要</li>
+        <li>利用規約・プライバシーポリシー・NDAへの同意が必要(これらは先行公開時に参加者へ送信)</li>
+        <li>有効なメールアドレスが必要</li>
+        <li>サービスの開発・運営に害を与えない行動範囲での使用</li>
+        <li>参加申請後での申請取り消しは不可(例外はよくありそうな質問2,3)</li>
+      </ul>
+
+      <h2>注意事項</h2>
+      <ul>
+        <li>Last2014が必要な情報をメールで尋ねる可能性があります</li>
+        <li>この先行公開のやり取りはすべてメール上で行われ、Last2014はlast2014yh@yahoo.co.jpのメールアドレスを使用します</li>
+      </ul>
+
+      <h2>よくありそうな質問</h2>
+      <div className="box">
+        Q1. フィルターがかかります。
+        <br />
+        A. GIGAスクール端末は先行公開への参加は拒否させていただきます。
+        <br />
+        その他のフィルターの場合は管理者に解除を申請してください。
+      </div>
+
+      <div className="box">
+        Q2. 利用規約とプライバシーポリシー、NDAを教えてください。
+        <br />
+        A. 条件に記載されている通り先行公開時に電子メールで参加者へ送信させていただきます。
+        <br />
+        確認後に同意いただけない場合は申請の取り消しが可能です。
+        <br />
+        Last2014まで折り返しメールをお願い致します。
+        <br />
+        (全員へ返信ではなくLast2014のみに返信してください)
+      </div>
+
+      <div className="box">
+        Q3. 申請取り消しの例外を教えてください。
+        <br />
+        A. Q2に記載されている通り、
+        <br />
+        利用規約・プライバシーポリシー・NDAのいずれかに同意いただけない場合は
+        <br />
+        申請取り消しが可能です。
+        <br />
+        また、理由をLast2014に送信し承認された場合も申請取り消しが可能です。
+      </div>
+
+      <h1>フォーム</h1>
+
+      <form onSubmit={FormSubmit}>
+        <label className="label">
+          ゆずねっとのID
+        </label>
+        <input className="input" name="uwuzunetUser" placeholder="@から始まるID" />
+
+        <label className="label">
+          メールアドレス
+        </label>
+        <input className="input" type="email" name="email" placeholder="有効なメールアドレス" />
+
+        <label className="label checkbox" style={{ justifyContent: "center" }}>
+          <input type="checkbox" name="ruleCheck" required disabled={Load} />
+
+          当サイトの
+          <Link href="/privacypolicy">
+            プライバシーポリシー
+          </Link>
+          及び<strong>条件</strong>に同意する
+        </label>
+
+        <button
+          className="button"
+          disabled={Load}
+        >
+          送信
+        </button>
+      </form>
+    </div>
+  );
+}

src/lib/db.ts

@@ -0,0 +1,16 @@
+import { config } from "dotenv";
+config();
+
+import mysql from "mysql2/promise";
+
+const pool = mysql.createPool({
+  host: process.env.databaseHost,
+  port: Number(process.env.databasePort),
+  user: process.env.databaseUser,
+  password: process.env.databasePassword,
+  database: process.env.databaseDB,
+  waitForConnections: true,
+  connectionLimit: 10,
+});
+
+export default pool;