高速化

components/Header.tsx

@@ -18,7 +18,7 @@ export default function Header () {
             <Contents />
           </HeaderMenu>
         </div>
-        <a class="logo-area flex" href="/"><img src="/logo.webp" alt="takoserver logo" class="logo-img" /></a>
+        <a class="logo-area flex" href="/"><img src="/logo.webp" alt="takoserver logo" class="w-full h-full" /></a>
         <div class="text-white items-centerhiddenlg:grid ">
         <div class="font0 lg:text-base lg:float-left lg:pr-8"><a href="/">Home</a></div>
         <div class="font0 lg:text-base lg:float-left lg:pr-8"><a href="/about">About</a></div>

components/Welcome.tsx

@@ -6,7 +6,7 @@ export default function Welcome () {
 <div class="min-h-screen bg-black flex flex-row justify-center items-center text-white">
   <div class="flex flex-col justify-center items-center space-y-6 md:w-1/2 w-0">
     <div>
-      <img src="./logo2.webp" alt="logo" class="w-full"/>
+      <img src="./logo2.webp" alt="logo" class="h-full w-full"/>
     </div>
   </div>
   <div class="flex flex-col justify-start items-center md:items-start space-y-3 md:w-1/2 w-full">

islands/Button.tsx

@@ -1,3 +1,5 @@
+import { dev } from "$fresh/src/dev/dev_command.ts";
+
 function isbutton(a: string,b: string) {
     if(a !== undefined) {
       if(b !== undefined) {
@@ -7,13 +9,11 @@ function isbutton(a: string,b: string) {
   }
   export default function Button({ text, script }: { text: string, script: any}) {
     return (
-      <button 
+      <button
         class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
         onClick={script}
       >
         {text}
       </button>
     );
   }
-
-

islands/HeaderMenu.tsx

@@ -22,7 +22,7 @@ export default function HeaderMenu ({ children }: Props) {
     </div>
     <div class={`
       fixed top-0 left-0 w-screen h-screen bg-gray-900 p-3
-      duration-100 text-white 
+      duration-100 text-white
       ${isOpen ? 'translate-x-0' : '-translate-x-full'}`}
       >
       <div>
@@ -35,25 +35,6 @@ export default function HeaderMenu ({ children }: Props) {
         <li><a href="/setting"class={class1}>設定</a></li>
         <li><a href="https://line.me/ti/g2/Q0c8YJlkh5f_hkDuODxp39XF9A7BOCFqezaAHA?utm_source=invitation&utm_medium=link_copy&utm_campaign=default" class={class1}>公式オープンチャット</a></li>
       </ul>
-      {/*
-      <div class="divide-y border-gray-500">
-      <div class="my-2">
-      <div class="divide-y border-gray-500 text-xl">
-      <p class="text-center"><a href="">DM</a></p>
-      <p class="text-center"><a href="">トーク</a></p>
-      <p class="text-center"><a href="">About</a></p>
-      <p class="text-center"><a href="">SNS(開発中)</a></p>
-      <div 
-        class="flex text-xl text-center"
-        onClick={() => setIsOpenMenu1(!isOpenMenu1)}
-        >
-          <p class="m-auto">コミュニティー</p>
-          <p class="ml-10 text-lg">{isOpenMenu1 ? "∧" : "∨"}</p>
-        </div>
-        {isOpenMenu1 ? Menu1 : ""} 
-      </div>
-      </div>
-      </div>*/}
     </div>
   </>
 }

routes/api/tako.ts

@@ -7,7 +7,6 @@ import * as types from "../../util/types.ts";
 export const handler: Handlers = {
   POST(req) {
     console.log(req)
-
     return new Response(JSON.stringify({}))
    /* console.log(request.requirements);
     const requirements = request.requirements;

util/test.ts

@@ -1,17 +0,0 @@
-export const handler = (_req: Request, _ctx: HandlerContext): Response => {
-    _req.json().then((body) => {
-      const { username, password } = body;
-      console.log(username);
-    });
-    const data = {
-      message: "Hello, world!"
-    };
-
-    return {
-      status: 200,
-      body: JSON.stringify(data),
-      headers: {
-        "content-type": "application/json"
-      }
-    };
-  };