Webアプリマニフェストジェネレーターとは
ウェブアプリマニフェストは、ブラウザにウェブアプリケーションに関する情報と、ユーザーのデバイスにインストールされたときの動作を伝えるJSONファイルです。アプリ名、アイコン、カラー、起動動作を制御します。GitHub Pages上の静的サイトにとって、マニフェストはサイトをプログレッシブウェブアプリとしてインストール可能にするための重要なステップです。
クイックアンサー
ウェブアプリマニフェストは、デバイスのホーム画面にインストールされたときのサイトの外観を制御します。PWA対応の静的サイト向けに、アプリ名、アイコン、テーマカラー、起動動作を設定します。
Last updated: 2026-06-11
制限事項
- マニフェストはHTTPSでのみ機能します。HTTPサイトではマニフェストをインストールプロンプトに使用できません。
- マニフェストには指定されたパスに実際のアイコン画像ファイルが必要です。アイコンが存在しない、または名前が間違っていると、ブラウザがマニフェストを拒否します。
- インストール動作はAndroidとiOSで異なります。Androidはマニフェストをインストールプロンプトに使用しますが、iOSはApple touchアイコンメタタグに依存し、マニフェストからの完全なPWAインストールをサポートしていません。
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
使い方
- サイト名と、12文字以内のオプションの短縮名を入力します。
- 表示モードを選択します。standaloneはブラウザクロームを削除してアプリのような体験を提供します。
- 推奨サイズ(192x192や512x512など)のPNG画像へのアイコンパスを設定します。
- 生成されたマニフェストJSONをコピーし、サイトルートにsite.webmanifestとして保存します。
主な用途
- 静的なドキュメンテーションサイトをモバイルのホーム画面にインストール可能にする。
- ブログにPWAメタデータを追加し、再訪問者がアプリのように起動できるようにする。
- PWAディレクトリにサイトを提出する前に、ウェブアプリマニフェストを準備する。