PeasForm追加
This commit is contained in:
parent
8a8067287c
commit
1d7ab4b2b3
|
|
@ -1,3 +1,3 @@
|
|||
# Last2014
|
||||
https://last2014.f5.si
|
||||
https://last2014.com
|
||||
Last2014 Home Website
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
import type { NextConfig } from "next";
|
||||
|
||||
const nextConfig: NextConfig = {
|
||||
output: "export",
|
||||
distDir: process.env.DIST || "./out",
|
||||
images: {
|
||||
unoptimized: true,
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
})
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
@ -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;
|
||||
Loading…
Reference in New Issue