CHANGE: change icon

README.md

@@ -16,41 +16,26 @@ English | [日本語](./README_jp.md)
     </a>
 </p>
 
-A pwa music player that plays music from your cloud storage.
+Cloud Music Box is a PWA music player that plays music from cloud storage (currently only `OneDrive`).
 
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+It has the following features:
 
-## Getting Started
+* As a PWA, it provides a similar user experience on many platforms (`Windows`, `macOS`, `iOS`, `Android`).
+* It plays from centrally managed cloud storage, so there is no need to sync music for each player.
+* Even offline, music that has been downloaded can be played.
+* Even when the app is in the background, music can be played automatically (only on `iOS`, operation depends on Safari).
+* The style and animation of the app change dynamically according to the music.
 
-First, run the development server:
+> [!WARNING]
+> Currently, this app is in alpha version.
+>
+> Compatibility with the database may be lost when updating, and you may need to reinstall the app.
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
+## Development
 
-To learn more about Next.js, take a look at the following resources:
+### Getting Started with Development
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+```sh
+npm install
+npm run dev
+```

README_jp.md

@@ -16,4 +16,33 @@
     </a>
 </p>
 
-Cloud Music Boxは、クラウドストレージから音楽を再生するPWA音楽プレイヤーです。
+Cloud Music Boxは、クラウドストレージ(現在は`OneDrive`のみ)から音楽を再生するPWA音楽プレイヤーです。
+
+以下の特徴を持ちます。
+
+* PWAとして、多くのプラットフォーム(`Windows`, `macOS`, `iOS`, `Android`)上で同様のユーザ体験を実現します。
+* 一元管理されたクラウドストレージからの再生で、プレイヤーごとに音楽を同期する必要がありません。
+* オフラインでも、ダウンロード済みの音楽は再生可能です。
+* アプリがバックグラウンドにある場合でも、音楽の自動再生が可能です(`iOS`のみ動作がSafari依存)。
+* 音楽に合わせて、動的にアプリのスタイルやアニメーションが変化します。
+
+> [!WARNING]
+> 現在、このアプリはアルファ版です。
+>
+> アップデート時にデータベースの互換性がなくなり、アプリを再インストールする必要があるかもしれません。
+
+## 開発
+
+### 開発を始める
+
+```sh
+npm install
+npm run dev
+```
+
+### 製品版のビルドと動作確認
+
+```sh
+npm run build
+npx serve@latest out
+```

app/manifest.json

@@ -4,24 +4,28 @@
   "description": "A pwa music player that plays music from your cloud storage.",
   "icons": [
     {
-      "src": "icon-192x192.png",
+      "src": "icon-192x192-maskable.png",
       "sizes": "192x192",
-      "type": "image/png"
+      "type": "image/png",
+      "purpose": "maskable"
     },
     {
-      "src": "icon-256x256.png",
-      "sizes": "256x256",
-      "type": "image/png"
+      "src": "icon-384x384-maskable.png",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "maskable"
     },
     {
-      "src": "icon-384x384.png",
-      "sizes": "384x384",
-      "type": "image/png"
+      "src": "icon-512x512-maskable.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
     },
     {
       "src": "icon-512x512.png",
       "sizes": "512x512",
-      "type": "image/png"
+      "type": "image/png",
+      "purpose": "any"
     }
   ],
   "background_color": "#000000",