📱 Web App Manifest ジェネレーター

PWA に必要な manifest.json をフォームで作成。name / start_url / display / theme_color、複数サイズの icons 表、shortcuts、share_target、protocol_handlers まで対応。HTML link タグも同時出力。

✅ 完全無料・登録不要・ブラウザ完結・サーバー送信なし

🔒 プライバシーについて

・JSON 生成はすべてブラウザ内で完結します
・入力したアプリ名・URL 等はサーバーに一切送信されません
・保存ログ・データベース等は存在しません
・登録・ログイン・課金は一切不要です

基本情報

name

short_name

description

start_url

scope

display

orientation

theme_color

background_color

lang

dir

アイコン (サイズと src)

チェックを入れたサイズが icons 配列に含まれます。type は src の拡張子から自動判定。

共通プレフィックス

拡張子

maskable purpose も含める (icon-512-maskable)

アプリショートカット (最大 4 件)

share_target を含める (PWA で共有を受信) protocol_handlers を含める

manifest.json

HTML スニペット (head 内に配置)

📖 使い方

1

基本情報を入力

name / short_name / start_url / display / theme_color などを入力。
2

アイコンとショートカットを設定

使うサイズにチェックを入れ、共通プレフィックスと拡張子を指定。必要なら shortcuts を最大 4 件まで追加。
3

生成してデプロイ

「JSON を生成」を押して manifest.json を保存。HTML スニペットを <head> に貼り付ければ PWA として認識されます。

❓ よくある質問

PWA と認識されるための最小要件は？

manifest.json に name (または short_name)、start_url、display: standalone (または fullscreen / minimal-ui)、192x192 と 512x512 のアイコン、HTTPS 提供、Service Worker の登録が必要です。本ツールは前者をすべて満たす出力を行います。

maskable アイコンは必要ですか？

Android のアダプティブアイコンに最適化するため強く推奨されます。チェックを入れると purpose: "maskable" の 512x512 を 1 件追加します。中央 80% 内に重要な絵柄を配置してください。

manifest.json の更新が反映されません

ブラウザは manifest.json を強くキャッシュします。Cache-Control を短めに設定するか、HTML から ?v=... 付きで参照する、または Application タブから Update on reload を実行してください。

🔗 関連ツール

🐛 このツールで問題が発生しましたか？

完全無料・登録不要。再現手順だけでも結構です。届いたご報告は運営者に直接届き、修正の参考にします。