PWAマニフェスト作成

manifest.jsonをGUIで作成

アプリ名

ホーム画面用短縮名

PWAマニフェスト作成の使い方

  1. アプリ名と短縮名（ホーム画面用）を入力します。
  2. ボタンを押すと、標準的な manifest.json の内容が出力されます。

使い方の例

  • Webサイトのアプリ化: 自分のブログやツールサイトをスマホのホーム画面に追加できるようにする。

PWAマニフェスト作成についての概要

WebサイトをPWA（Progressive Web App）としてインストール可能にするための設定ファイル（マニフェスト）の雛形を生成します。

メリット

  • コピペで完了: 最低限必要な項目（name, short_name, icons等）が含まれているので、アイコンパスを変えるだけですぐに使えます。

よくある質問

Q. アイコン画像は？
A. 別途 192x192 と 512x512 のPNG画像を用意し、生成されたJSON内のパスを指定してください。

関連情報