Web App Manifest Generator

概要

• PWA（プログレッシブウェブアプリ）で使うmanifest.jsonを、フォーム入力から生成するツールです。
• アプリ名・短縮名・説明・開始URL・表示モード・背景色・テーマカラー・アイコンを指定して、そのまま貼り付け可能なJSONを出力します。
• アイコンは「行を追加」で複数サイズ分（例: 192x192, 512x512）を並べて指定できます。

使い方

1. 「名前（name）」など各フィールドにアプリの情報を入力します（nameは必須）。
2. アイコンの「アイコンを追加」でパス・サイズ・typeを行ごとに入力します。
3. 「生成する」ボタンをクリックすると、manifest.jsonの内容が表示されます。

入力例・出力例

name: My App / short_name: MyApp / display: standalone

{
  "name": "My App",
  "short_name": "MyApp",
  "start_url": ".",
  "display": "standalone",
  ...
}

利用シーン

• 新しいPWAプロジェクトのセットアップ時に、manifest.jsonの雛形を素早く作成する
• アイコンサイズや表示モードの指定漏れがないか、既存のmanifest.jsonをレビューする際の参考にする
• 静的サイトにPWA対応を追加する際、必要な項目を漏れなく揃えたJSONを生成する

よくある質問

注意点

• manifest.jsonの代表的な項目（name, short_name, description, start_url, display, background_color, theme_color, icons）に対応しています。shortcuts等の高度な項目には対応していません。
• アイコンのパス（src）は実際に配置した画像ファイルへの相対パスまたはURLを入力してください。存在確認は行いません。