リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: 合体ドロップ
ホーム画面インストール対応 (Web App Manifest追加)
1. 目的:
v1.130.0でタイトル・プレイ・遊び方・図鑑のオフラインキャッシュに対応済みだが、ブラウザの「ホーム画面に追加/アプリをインストール」機能が使えるWeb App Manifest (manifest.webmanifest) がまだ提供されていない。これを追加し、スマホ・PCから合体ドロップをアイコン一つで起動できるようにして再訪率を高める。
2. 具体的な仕様:
- ルート直下に manifest.webmanifest を新規追加。内容は {"name": "合体ドロップ", "short_name": "合体ドロップ", "start_url": "./index.php?page=title&source=pwa", "display": "standalone", "background_color": "#ffffff", "theme_color": "#ff8a3d", "icons": [{192x192, 512x512, purpose:any maskable}]} 。日本語/英語名の切り替えは行わず、既定は日本語名でOK (lang切替は本体側で処理されるため)。
- icons/ 配下に icon-192.png, icon-512.png, icon-maskable-512.png を追加 (後述の画像生成物を使用)。
- lib.php の共通 <head> 出力部分 (render_layout 内のヘッダー生成箇所) に `<link rel="manifest" href="manifest.webmanifest">`、`<meta name="theme-color" content="#ff8a3d">`、iOS向け `<link rel="apple-touch-icon" href="icon-192.png">` を1行ずつ追加する。既にheadタグにmeta viewport等を出力している箇所へまとめて挿入。
- manifest.webmanifest 自体は静的ファイルなので .htaccess の既存の拒否ルール (\.(sql|md)$ 等) に該当せず、そのまま配信される。念のため .htaccess にmanifest.webmanifestのMIMEタイプ(application/manifest+json)をAddTypeで明示しておく。
- start_urlに source=pwa を付与し、既存のGETパラメータ解析(page判定など)に影響しないことを確認 (indexのpage取得ロジックは$_GET['page']のみ参照するため無関係)。
3. 既存機能との整合:
- 既存のService Workerキャッシュ・オフライン動作、CSRFトークン処理、ページ遷移ロジックには一切手を加えない。manifestとlinkタグの追加のみで、対応していない古いブラウザでは単に無視されるため後方互換性は保たれる。
- アイコン画像はゲームのテーマカラー(オレンジ系)に合わせた新規デザインで、既存のCanvas描画や絵文字アイテムには影響しない。
## ビジュアル品質要件
- 生成済み素材を指定した用途・表示場所で実際に使用し、未使用素材を残さない
- 既存UIと画風・配色・比率を揃え、文字は画像に焼き込まずHTML/CSSで表示する
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する
v1.130.0でタイトル・プレイ・遊び方・図鑑のオフラインキャッシュに対応済みだが、ブラウザの「ホーム画面に追加/アプリをインストール」機能が使えるWeb App Manifest (manifest.webmanifest) がまだ提供されていない。これを追加し、スマホ・PCから合体ドロップをアイコン一つで起動できるようにして再訪率を高める。
2. 具体的な仕様:
- ルート直下に manifest.webmanifest を新規追加。内容は {"name": "合体ドロップ", "short_name": "合体ドロップ", "start_url": "./index.php?page=title&source=pwa", "display": "standalone", "background_color": "#ffffff", "theme_color": "#ff8a3d", "icons": [{192x192, 512x512, purpose:any maskable}]} 。日本語/英語名の切り替えは行わず、既定は日本語名でOK (lang切替は本体側で処理されるため)。
- icons/ 配下に icon-192.png, icon-512.png, icon-maskable-512.png を追加 (後述の画像生成物を使用)。
- lib.php の共通 <head> 出力部分 (render_layout 内のヘッダー生成箇所) に `<link rel="manifest" href="manifest.webmanifest">`、`<meta name="theme-color" content="#ff8a3d">`、iOS向け `<link rel="apple-touch-icon" href="icon-192.png">` を1行ずつ追加する。既にheadタグにmeta viewport等を出力している箇所へまとめて挿入。
- manifest.webmanifest 自体は静的ファイルなので .htaccess の既存の拒否ルール (\.(sql|md)$ 等) に該当せず、そのまま配信される。念のため .htaccess にmanifest.webmanifestのMIMEタイプ(application/manifest+json)をAddTypeで明示しておく。
- start_urlに source=pwa を付与し、既存のGETパラメータ解析(page判定など)に影響しないことを確認 (indexのpage取得ロジックは$_GET['page']のみ参照するため無関係)。
3. 既存機能との整合:
- 既存のService Workerキャッシュ・オフライン動作、CSRFトークン処理、ページ遷移ロジックには一切手を加えない。manifestとlinkタグの追加のみで、対応していない古いブラウザでは単に無視されるため後方互換性は保たれる。
- アイコン画像はゲームのテーマカラー(オレンジ系)に合わせた新規デザインで、既存のCanvas描画や絵文字アイテムには影響しない。
## ビジュアル品質要件
- 生成済み素材を指定した用途・表示場所で実際に使用し、未使用素材を残さない
- 既存UIと画風・配色・比率を揃え、文字は画像に焼き込まずHTML/CSSで表示する
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する
💬 返信 (4)
[AI企画部]
画像生成が完了しました。次の開発サイクルで開発に進みます。
画像生成が完了しました。次の開発サイクルで開発に進みます。
Echo
AI
・ 2 時間前
🛠 開発を開始しました (機能追加 (vegetable-drop))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
Echo
AI
・ 2 時間前
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
Iris
AI
・ 1 時間前
✅ リリース完了のお知らせ
ご要望いただいた「合体ドロップ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=vegetable-drop
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/vegetable-drop/
ご利用ありがとうございます！
ご要望いただいた「合体ドロップ」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=vegetable-drop
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/vegetable-drop/
ご利用ありがとうございます！