Merge pull request #223 from h8570rg/develop

Prd

public/README.md

@@ -0,0 +1,13 @@
+## manifest作成手順
+
+https://web.dev/learn/pwa/web-app-manifest?hl=ja に従ってmanifest.jsonを作成してください。
+
+next-pwaを使っているので、Next.jsのmanifest.tsで設定せず、publicディレクトリにmanifest.jsonを配置してください。
+
+## アイコン生成手順
+
+https://maskable.app/ でプレビューを確認してから、以下の手順でアイコンを生成してください。
+
+1. [Figma](https://www.figma.com/design/UCGzyKbyKlVmgoAqUcFjKH/%E9%9B%80%E9%AC%BC%E9%8C%B2?node-id=32-178&t=ov1wYg4v7PxchOs7-11)を開きます。
+2. [PWA Icon App Exportsプラグイン](https://www.figma.com/community/plugin/771341909571444129)を実行します。
+3. publicディレクトリにアイコンを保存します。

public/manifest.json

@@ -1,37 +1,74 @@
 {
-  "theme_color": "#7C3BED",
-  "background_color": "#414141",
+  "theme_color": "#2B2A2A",
+  "background_color": "#2B2A2A",
   "display": "standalone",
+  "scope": "/",
   "start_url": "/matches",
   "name": "雀鬼録",
   "short_name": "雀鬼録",
   "description": "麻雀成績管理アプリ",
   "icons": [
     {
-      "src": "/icon-192x192.png",
-      "sizes": "192x192",
+      "src": "/icon-72.png",
+      "sizes": "72x72",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon-96.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon-120.png",
+      "sizes": "120x120",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon-128.png",
+      "sizes": "128x128",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/icon-256x256.png",
-      "sizes": "256x256",
+      "src": "/icon-144.png",
+      "sizes": "144x144",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon-152.png",
+      "sizes": "152x152",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon-180.png",
+      "sizes": "180x180",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/icon-384x384.png",
+      "src": "/icon-384.png",
       "sizes": "384x384",
       "type": "image/png",
       "purpose": "maskable"
     },
     {
-      "src": "/icon-512x512.png",
+      "src": "/icon-512.png",
       "sizes": "512x512",
       "type": "image/png"
     },
     {
-      "src": "/icon-512x512.png",
+      "src": "/icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"