AXIS MEN'S PWA デモ

実際のアプリ画面のプレビューです。タップして操作できます。

9:41
●●● WiFi 🔋
📲 ホーム画面に追加 共有ボタン →「ホーム画面に追加」

🚀 追加ファイル

📄
manifest.json アイコン・アプリ名・テーマカラー
NEW
⚙️
sw.js Service Worker（オフライン対応）
NEW
📝
main.js SW登録コードを追記
追記
🔗
head-common.html PWAメタタグを追記
追記

📱 インストール手順

🍎 iPhone Safari
  • サイトを開く
  • 共有ボタン □↑
  • 「ホーム画面に追加」
  • 「追加」をタップ
🤖 Android Chrome
  • サイトを開く
  • バナーが自動表示
  • 「追加」をタップ
  • ホーム画面に出現

✅ PWA機能

①
ホーム画面アイコン ネイティブアプリと同じようにアイコンから起動
②
スキンケア診断をそのまま使える 5問診断・結果表示が完全動作
③
URLバー・ブラウザUIなし 全画面表示でアプリらしい体験
④
App Store申請ゼロ サーバーにアップするだけで即公開