gakuseiBOT · tanahiro2010 · Mar 28, 2026 · Mar 28, 2026 · Mar 28, 2026 · Mar 28, 2026
diff --git a/src/app/announce/[slug]/page.tsx b/src/app/announce/[slug]/page.tsx
@@ -7,7 +7,7 @@ import { Metadata } from 'next';
 
 export async function generateMetadata({ params }: PostPageProps): Promise<Metadata> {
   const { slug } = await params;
-  const post = await getPostBySlug('announce', slug);
+  const post = getPostBySlug('announce', slug);
 
   if (!post) {
     return {
@@ -17,13 +17,13 @@ export async function generateMetadata({ params }: PostPageProps): Promise<Metad
   }
 
   return {
-    title: `${post.title} | `,
+    title: `${post.title}`,
     description: post.description || '詳細はこの記事をご覧ください。',
     openGraph: {
       title: post.title,
       description: post.description || '詳細はこの記事をご覧ください。',
       type: 'article',
-      url: `https://announce/${slug}`,
+      url: `https://gakuseibot.com/announce/${slug}`,
     },
   };
 }
@@ -34,11 +34,11 @@ type PostPageProps = {
 
 export default async function PostPage({ params }: PostPageProps) {
   const { slug } = await params;
-  const post = await getPostBySlug('announce', slug);
+  const post = getPostBySlug('announce', slug);
   if (!post) {
     return <div>記事が見つかりません。</div>;
   }
-  const posts = await getRecentPosts('announce', 8);
+  const posts = getRecentPosts('announce');
 
   return (
     <div className="bg-white min-h-screen w-full text-black p-5">

diff --git a/src/app/announce/page.tsx b/src/app/announce/page.tsx
@@ -1,5 +1,4 @@
 import { NextPage } from 'next';
-import React from 'react';
 import { Metadata } from 'next';
 import PostList from '@/components/PostList';
 import { getAllPosts } from '@/lib/posts';

diff --git a/src/app/howto/page.tsx b/src/app/howto/page.tsx
@@ -1,5 +1,4 @@
 import { NextPage } from 'next';
-import React from 'react';
 import { Metadata } from 'next';
 import CmdCard from '@/components/cmdCard';
 

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,10 +1,32 @@
 import { AppRouterCacheProvider } from '@mui/material-nextjs/v15-appRouter';
-import './globals.css';
 import { GoogleAnalytics } from '@next/third-parties/google';
-import Head from 'next/head';
-import Link from 'next/link';
+import { Metadata, Viewport } from 'next';
+import Header from '@/components/layout/header';
+import Footer from '@/components/layout/footer';
+import '@/styles/globals.css';
 
-import Header from '@/components/header';
+const title = "GakuseiBOTコミュニティ - ホームページ";
+const description = "gakuseiBotは学生や開発者の支援を提供します。時間管理、クイズ機能、グローバルチャット機能などを搭載しております。";
+
+export const metadata: Metadata = {
+  title,
+  description,
+
+  openGraph: {
+    title,
+    description,
+  },
+
+  twitter: {
+    title,
+    description,
+  }
+}
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1
+}
 
 export default function RootLayout({
   children,
@@ -13,24 +35,11 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="ja">
-      <Head>
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1.0"
-        />
-      </Head>
       <GoogleAnalytics gaId={'G-T218GPX3X5'} />
       <body className="w-full">
         <Header />
         <AppRouterCacheProvider>{children}</AppRouterCacheProvider>
-        <footer className="p-4 bg-gray-800 text-white w-full flex lg:flex-row flex-col items-center justify-center lg:justify-between relative">
-          <Link
-            href={'https://github.com/gakuseiBOT/HP/graphs/contributors'}
-            className="text-center hover:text-blue mx-auto"
-          >
-            Copyright&copy;2025 GakuseiBOTコミュニティ All Rights Reserved. See credits here.
-          </Link>
-        </footer>
+        <Footer />
       </body>
     </html>
   );

diff --git a/src/app/member/page.tsx b/src/app/member/page.tsx
@@ -1,23 +1,13 @@
 import { NextPage } from 'next';
-import React from 'react';
 import { Metadata } from 'next';
+import { MemberData } from '@/type/member';
 import BioCard from '@/components/bioCard';
 
 export const metadata: Metadata = {
   title: '開発者紹介 - gakuseiBotコミュニティ',
   description: 'gakuseiBOTの開発を支えるメンバーたちをご紹介します。',
 };
 
-interface MemberData {
-  name: string;
-  avatar?: string;
-  text: string;
-  homepage?: string;
-  twitter?: string;
-  github?: string;
-  role: "Owner" | "Engineer" | "Adviser" | "Moderator" | "Creator";
-}
-
 const MEMBER_DATA: MemberData[] = [
   {
     name: "aki._.yama",
@@ -121,16 +111,10 @@ const Member: NextPage = () => {
         id="members"
         className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 p-20 justify-items-center items-center mx-auto max-w-7xl"
       >
-        { MEMBER_DATA.map((member, index) => (
+        { MEMBER_DATA.map((member) => (
           <BioCard
-            key={index}
-            avatar={member.avatar}
-            name={member.name}
-            role={member.role}
-            text={member.text}
-            homepage={member.homepage}
-            github={member.github}
-            twitter={member.twitter}
+            key={member.name}
+            {...member}
           /> 
         ))}
       </section>

diff --git a/src/app/sponsor/page.tsx b/src/app/sponsor/page.tsx
@@ -1,5 +1,4 @@
 import { NextPage } from 'next';
-import React from 'react';
 import { Metadata } from 'next';
 import ReactMarkdown from 'react-markdown';
 

diff --git a/src/app/updates/[slug]/page.tsx b/src/app/updates/[slug]/page.tsx
@@ -9,7 +9,25 @@ import html from 'remark-html';
 import Link from 'next/link';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 
-export default async function UpdateDetailPage(props: { params: Promise<{ slug: string }> }) {
+type UpdateDetailPageProps = {
+  params: Promise<{ slug: string }>;
+}
+
+export async function generateMetadata(props: UpdateDetailPageProps) {
+  const { slug } = await props.params;
+  const update = updates.find((u) => u.slug === slug);
+  if (!update) return {
+    title: "アップデートが見つかりませんでした"
+  }
+
+  if (!update) return { title: "更新情報が見つかりません" };
+
+  return {
+    title: `${update.title} - ${update.date}`,
+  }
+}
+
+export default async function UpdateDetailPage(props: UpdateDetailPageProps) {
   const { slug } = await props.params;
 
   const update = updates.find((u) => u.slug === slug);

diff --git a/src/components/UpdateTitle.tsx b/src/components/UpdateTitle.tsx
@@ -1,33 +1,35 @@
 'use client';
-
+import { useCallback } from 'react';
 import Link from 'next/link';
 import { format } from 'date-fns';
 import { ja } from 'date-fns/locale';
 
+
+type Type = "feature" | "bugfix" | "improvement" | "other";
 type Props = {
   title: string;
   date: string;
-  type: 'feature' | 'bugfix' | 'improvement' | 'other';
+  type: Type;
   slug: string;
   isNew: boolean;
 };
 
-const typeLabels: { [key: string]: string } = {
+const typeLabels: Record<Type, string> = {
   feature: '新機能',
   bugfix: 'バグ修正',
   improvement: '改善',
   other: 'その他',
 };
 
-const typeColors: Record<string, string> = {
+const typeColors: Record<Type, string> = {
   feature: 'bg-green-200 text-green-800',
   bugfix: 'bg-red-200 text-red-800',
   improvement: 'bg-blue-200 text-blue-800',
   other: 'bg-gray-200 text-gray-800',
 };
 
 export default function UpdateTitle({ title, date, type, slug, isNew }: Props) {
-  const formattedDate = (rawDate: unknown) => {
+  const formattedDate = useCallback((rawDate: unknown) => {
     let date: Date;
 
     if (typeof rawDate === 'string' || rawDate instanceof Date) {
@@ -43,18 +45,18 @@ export default function UpdateTitle({ title, date, type, slug, isNew }: Props) {
     }
 
     return format(date, 'yyyy年MM月dd日', { locale: ja });
-  };
+  }, []);
 
-  const formattedType = (type: unknown) => {
+  const formattedType = useCallback((rawType: unknown) => {
     const validTypes = ['feature', 'bugfix', 'improvement', 'other'];
 
-    if (!validTypes.includes(type as string)) {
-      console.error('Invalid type:', type);
+    if (!validTypes.includes(rawType as string)) {
+      console.error('Invalid type:', rawType);
       return '';
     }
 
-    return typeLabels[type as string] ?? type;
-  };
+    return typeLabels[rawType as Type] ?? rawType;
+  }, []);
 
   return (
     <div className="border-b py-4">

diff --git a/src/components/bioCard.tsx b/src/components/bioCard.tsx
@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import Avatar from '@mui/joy/Avatar';
 import Chip from '@mui/joy/Chip';
 import Box from '@mui/joy/Box';
@@ -10,6 +9,7 @@ import Typography from '@mui/joy/Typography';
 import LanguageIcon from '@mui/icons-material/Language';
 import TwitterIcon from '@mui/icons-material/Twitter';
 import GitHubIcon from '@mui/icons-material/GitHub';
+import { MemberData } from '@/type/member';
 
 export default function BioCard({
   text,
@@ -19,15 +19,7 @@ export default function BioCard({
   twitter,
   github,
   role,
-}: {
-  text: string;
-  name: string;
-  avatar?: string;
-  homepage?: string;
-  twitter?: string;
-  github?: string;
-  role: string;
-}) {
+}: MemberData) {
   return (
     <Card sx={{ width: 320, maxWidth: '100%', boxShadow: 'lg' }}>
       <CardContent sx={{ alignItems: 'center', textAlign: 'center' }}>

diff --git a/src/components/button.tsx b/src/components/button.tsx
@@ -1,7 +1,7 @@
 'use client';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
-import { MouseEvent, ComponentPropsWithoutRef, JSX, Ref, forwardRef } from 'react'; // MouseEvent を追加
+import { MouseEvent, ComponentPropsWithoutRef, JSX, forwardRef } from 'react'; // MouseEvent を追加
 const styles = {
   commonDesign: 'border-b text-black px-4 py-2 leading-none m-2',
   linkDisabled: 'opacity-50 cursor-not-allowed leading-none',
@@ -27,6 +27,21 @@ type Props<T extends AS> = T extends 'button' ? ButtonProps : CustomLinkProps;
 // eslint-disable-next-line react/display-name
 export const Button = forwardRef<HTMLButtonElement, Props<AS>>((props, ref) => {
   const router = useRouter();
+  const handleClick = (e: MouseEvent<HTMLButtonElement>, href: string) => {
+    e.preventDefault();
+    router.push(href);
+  };
+
+  const buttonAttributes = props as ButtonProps;
+  const { disabled, ...linkAttributes } = props as unknown as CustomLinkProps;
+  return (
+    <>
+      <button
+        ref={ref}
+        onClick={(e) => handleClick(e, buttonAttributes.href)}
+        className={`${disabled && styles.linkDisabled} ${props.className} group relative inline-flex h-12 items-center justify-center overflow-hidden rounded-md bg-neutral-950 px-6 font-medium text-neutral-200`}
+      >
+  const router = useRouter();
   const handleClick = (e: MouseEvent<HTMLButtonElement>, href: string) => { 
     e.preventDefault();
     router.push(href);

diff --git a/src/components/hamburger.tsx b/src/components/hamburger.tsx
@@ -2,7 +2,6 @@
 import { useState } from 'react';
 import Link from 'next/link';
 import NavLinks from '@/components/NavLinks';
-import Image from 'next/image';
 
 /**
  * Hamburger component.

diff --git a/src/components/layout/footer.tsx b/src/components/layout/footer.tsx
@@ -0,0 +1,14 @@
+import Link from "next/link"
+
+export default function Footer() {
+  return (
+    <footer className="p-4 bg-gray-800 text-white w-full flex lg:flex-row flex-col items-center justify-center lg:justify-between relative">
+      <Link
+        href={'https://github.com/gakuseiBOT/HP/graphs/contributors'}
+        className="text-center hover:text-blue mx-auto"
+      >
+        Copyright&copy;2025 GakuseiBOTコミュニティ All Rights Reserved. See credits here.
+      </Link>
+    </footer>
+  );
+}
diff --git a/src/components/header.tsx → src/components/layout/header.tsx b/src/components/header.tsx → src/components/layout/header.tsx
@@ -1,6 +1,6 @@
 import Image from 'next/image';
 import Link from 'next/link';
-import Hamburger from './hamburger';
+import Hamburger from '../hamburger';
 
 const Header = () => {
   const navItems = [