format

2026-02-06 14:42:40 +00:00 · 2025-04-29 21:27:33 +00:00
parent 99891c77d7
commit d83a58cd6d
6 changed files with 94 additions and 70 deletions
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -6,23 +6,27 @@ export default function Home() {
    <>
      <Header />
      <div className="mx-auto max-w-3xl px-4">
-        <Timeline timeline={[
-          {
-            title: "プログラミングの世界に入り込む",
-            datetime: "2020/07",
-            description: "Discord Botを作るためにPythonを学び始めた。",
-           },
-          {
-            title: "sbv2-api 誕生",
-            datetime: "2025/09",
-            description: "Discord botに組み込めたら面白いと思って開発を開始して作った。"
-          },
-          {
-            title: "New! ウェブサイト6代目開発開始(Proj C)",
-            datetime: "2025/04",
-            description: "前のサイトを変えたくなった。そして再び一から作ることにした。"
-          },
-        ]} />
+        <Timeline
+          timeline={[
+            {
+              title: "プログラミングの世界に入り込む",
+              datetime: "2020/07",
+              description: "Discord Botを作るためにPythonを学び始めた。",
+            },
+            {
+              title: "sbv2-api 誕生",
+              datetime: "2025/09",
+              description:
+                "Discord botに組み込めたら面白いと思って開発を開始して作った。",
+            },
+            {
+              title: "New! ウェブサイト6代目開発開始(Proj C)",
+              datetime: "2025/04",
+              description:
+                "前のサイトを変えたくなった。そして再び一から作ることにした。",
+            },
+          ]}
+        />
      </div>
    </>
  );
--- a/components/pages/home/header.tsx
+++ b/components/pages/home/header.tsx
@@ -1,24 +1,30 @@
 import Image from "next/image";

 const Header: React.FC = async () => {
-    const res = await fetch(
-        "https://discord.com/api/v10/users/739702692393517076",
-        {
-            headers: {
-                Authorization: `Bot ${process.env.DISCORD_TOKEN}`,
-            }
-        }
-    );
-    const data = await res.json();
-    const avatarURL = `https://cdn.discordapp.com/avatars/739702692393517076/${data.avatar}.png?size=1024`
-    return (
-        <header className="h-screen w-screen flex justify-center items-center">
-            <div>
-                <Image alt="avatar" src={avatarURL} width={156} height={156} className="mb-2 rounded-full" />
-                <h1 className="text-2xl font-bold text-center">tuna2134</h1>
-            </div>
-        </header>
-    )
-}
+  const res = await fetch(
+    "https://discord.com/api/v10/users/739702692393517076",
+    {
+      headers: {
+        Authorization: `Bot ${process.env.DISCORD_TOKEN}`,
+      },
+    },
+  );
+  const data = await res.json();
+  const avatarURL = `https://cdn.discordapp.com/avatars/739702692393517076/${data.avatar}.png?size=1024`;
+  return (
+    <header className="h-screen w-screen flex justify-center items-center">
+      <div>
+        <Image
+          alt="avatar"
+          src={avatarURL}
+          width={156}
+          height={156}
+          className="mb-2 rounded-full"
+        />
+        <h1 className="text-2xl font-bold text-center">tuna2134</h1>
+      </div>
+    </header>
+  );
+};

-export default Header;
+export default Header;
--- a/components/pages/home/timeline.tsx
+++ b/components/pages/home/timeline.tsx
@@ -1,26 +1,28 @@
 export interface TimelineData {
-    title: string;
-    datetime: string;
-    description: string;
+  title: string;
+  datetime: string;
+  description: string;
 }

 interface Props {
-    timeline: TimelineData[];
+  timeline: TimelineData[];
 }

 const Timeline: React.FC<Props> = ({ timeline }) => {
-    return (
-        <ol className="relative border-s border-gray-200">
-            {timeline.map((data, index) => (
-                <li className="mb-10 ms-6" key={index}>
-                    <div className="absolute w-3 h-3 bg-[#00F3A4] rounded-full mt-1.5 -start-1.5 border border-white"></div>
-                    <p className="text-gray-900/75 mb-1">{data.datetime}</p>
-                    <h1 className="text-2xl font-bold mb-2 tracking-wider">{data.title}</h1>
-                    <p>{data.description}</p>
-                </li>
-            ))}
-        </ol>
-    )
-}
+  return (
+    <ol className="relative border-s border-gray-200">
+      {timeline.map((data, index) => (
+        <li className="mb-10 ms-6" key={index}>
+          <div className="absolute w-3 h-3 bg-[#00F3A4] rounded-full mt-1.5 -start-1.5 border border-white"></div>
+          <p className="text-gray-900/75 mb-1">{data.datetime}</p>
+          <h1 className="text-2xl font-bold mb-2 tracking-wider">
+            {data.title}
+          </h1>
+          <p>{data.description}</p>
+        </li>
+      ))}
+    </ol>
+  );
+};

-export default Timeline;
+export default Timeline;
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,18 +1,18 @@
 import type { NextConfig } from "next";

 const nextConfig: NextConfig = {
-    images: {
-        remotePatterns: [
-            {
-                protocol: 'https',
-                hostname: "cdn.discordapp.com",
-            }
-        ]
-    }
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "cdn.discordapp.com",
+      },
+    ],
+  },
 };

 if (process.env.OUTPUT === "standalone") {
-    nextConfig.output = "standalone";
+  nextConfig.output = "standalone";
 }

 export default nextConfig;
--- a/package.json
+++ b/package.json
@@ -6,19 +6,21 @@
    "dev": "next dev --turbopack",
    "build": "next build",
    "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "format": "prettier -w './**/*.{tsx,ts}'"
  },
  "dependencies": {
+    "next": "15.3.1",
    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "next": "15.3.1"
+    "react-dom": "^19.0.0"
  },
  "devDependencies": {
-    "typescript": "^5",
+    "@tailwindcss/postcss": "^4",
    "@types/node": "^22.0.0",
    "@types/react": "^19",
    "@types/react-dom": "^19",
-    "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4"
+    "prettier": "^3.5.3",
+    "tailwindcss": "^4",
+    "typescript": "^5"
  }
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,6 +30,9 @@ importers:
      '@types/react-dom':
        specifier: ^19
        version: 19.1.2(@types/react@19.1.2)
+      prettier:
+        specifier: ^3.5.3
+        version: 3.5.3
      tailwindcss:
        specifier: ^4
        version: 4.1.4
@@ -458,6 +461,11 @@ packages:
    resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
    engines: {node: ^10 || ^12 || >=14}

+  prettier@3.5.3:
+    resolution: {integrity: sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
  react-dom@19.1.0:
    resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
    peerDependencies:
@@ -848,6 +856,8 @@ snapshots:
      picocolors: 1.1.1
      source-map-js: 1.2.1

+  prettier@3.5.3: {}
+
  react-dom@19.1.0(react@19.1.0):
    dependencies:
      react: 19.1.0