diff --git a/README.md b/README.md index 08a9193..9ac67f5 100644 --- a/README.md +++ b/README.md @@ -16,9 +16,15 @@ | バックエンド | Node.js + TypeScript | | 通信 | Socket.IO (WebSocket) | | 描画 | Pixi.js (WebGL) | +| PWA | vite-plugin-pwa (インストール対応・フルスクリーン動作) | | パッケージ管理 | pnpm workspaces (monorepo) | | 開発環境 | Docker Dev Container | +## 推奨プレイ環境 + +スマートフォン・タブレットでプレイする場合は、ブラウザの「ホーム画面に追加」からWeb Appとしてインストールすることを推奨します。 +フルスクリーン・横向き固定で快適にプレイできます。 + ## 開発環境のセットアップ **必要なもの**: Docker、VS Code、VS Code拡張機能「Dev Containers」 diff --git "a/docs/02_ENV/ENV_01_\347\222\260\345\242\203\346\247\213\347\257\211\343\203\273\346\212\200\350\241\223\343\202\271\343\202\277\343\203\203\343\202\257.txt" "b/docs/02_ENV/ENV_01_\347\222\260\345\242\203\346\247\213\347\257\211\343\203\273\346\212\200\350\241\223\343\202\271\343\202\277\343\203\203\343\202\257.txt" index 5fbf76b..dbd254c 100644 --- "a/docs/02_ENV/ENV_01_\347\222\260\345\242\203\346\247\213\347\257\211\343\203\273\346\212\200\350\241\223\343\202\271\343\202\277\343\203\203\343\202\257.txt" +++ "b/docs/02_ENV/ENV_01_\347\222\260\345\242\203\346\247\213\347\257\211\343\203\273\346\212\200\350\241\223\343\202\271\343\202\277\343\203\203\343\202\257.txt" @@ -87,6 +87,14 @@ ・UI Library: React 18 + @pixi/react - 採用理由: 充実したエコシステムとPixi.jsとのReact統合による効率的なUI構築のため. ・Network: socket.io-client + ・PWA: vite-plugin-pwa + - 表示モード: fullscreen(横向き固定) + - manifest・service worker を自動生成 + - Workbox キャッシュ戦略: + ・画像アセット: CacheFirst(最大30件,有効期限30日) + ・Socket.IO 通信(/socket.io): キャッシュ対象外 + ・SPA ナビゲーション: index.html にフォールバック + - アイコン: icon-180.png(iOS)/ icon-192.png / icon-512.png(maskable) 3-3. バックエンド (Server) ・Runtime: Node.js