feat: 🎸 manifest.json を追加

sweshelo · Feb 14, 2025 · e857680 · e857680
1 parent 127c75c
commit e857680
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 1 deletion.
diff --git a/public/image/icon-180.png b/public/image/icon-180.png
diff --git a/public/image/icon-192.png b/public/image/icon-192.png
diff --git a/public/image/icon-512.png b/public/image/icon-512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,20 @@
+{
+  "short_name": "閻魔帳",
+  "name": "閻魔帳 - 放課後天地創造クラブ",
+  "icons": [
+    {
+      "src": "/image/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/image/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#7f1d1d",
+  "theme_color": "#7f1d1d"
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -35,12 +35,18 @@ export default async function RootLayout({
   children: React.ReactNode
 }>) {
   return (
-    <html lang="en">
+    <html lang="ja">
       <head>
         <link
           href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&display=swap"
           rel="stylesheet"
         />
+        {/* Manifestの設定 */}
+        <link rel="manifest" href="/manifest.json" />
+        {/* iOS用のapple-touch-icon */}
+        <link rel="apple-touch-icon" sizes="180x180" href="/image/icon-180.png" />
+        {/* ブラウザのテーマカラー */}
+        <meta name="theme-color" content="#7f1d1d" />
       </head>
       <body className={`antialiased font-mplus`}>
         <Header />