画像・アセットツール

無料 Webアプリマニフェストバリデーター

W3C仕様に基づいてWebアプリマニフェストJSONを検証し、インストール可能性チェックリストを表示します。

ツールを読み込み中...

Webアプリマニフェストバリデーターとは

Webアプリマニフェストは、ユーザーのデバイスにインストールされたときにWebアプリがどのように動作するかをブラウザに伝えるJSONファイルです。アプリ名、アイコン、開始URL、表示モード、テーマカラーなどのプロパティを指定します。マニフェストはHTMLのheadから<link rel="manifest" href="/site.webmanifest">でリンクされます。

クイックアンサー

PWAインストール可能性のためにWebアプリマニフェストJSONを検証します。必須項目:name、アイコン(192x192および512x512)、start_url、表示モード(standalone/fullscreen/minimal-ui)。マニフェストはHTMLのheadにリンクされ、Content-Type: application/manifest+jsonで提供される必要があります。

Last updated: 2026-05-28

制限事項

  • このバリデーターはマニフェストのJSONコンテンツのみをチェックします。アイコンファイルが存在するか、start_urlが200を返すか、サービスワーカーが登録されて機能するかは検証しません。
  • W3C Web App Manifest仕様は進化しています。protocol_handlers、shortcuts、related_applicationsなどの新しいフィールドはまだ検証されません。最近追加されたフィールドについては最新の仕様を確認してください。
  • ブラウザごとにインストール可能性要件が異なります。Chrome、Edge、Safari、Firefoxはそれぞれマニフェストフィールドの解釈が少しずつ異なります。実際のデバイスでクロスプラットフォームテストを行ってください。

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

使い方

  1. Webアプリマニフェストの完全なJSONコンテンツをテキストエリアに貼り付けます。
  2. ツールがJSONを解析し、各フィールドをW3C Web App Manifest仕様に照らしてチェックします。
  3. エラー(修正必須)と警告(修正推奨)を確認し、デプロイ前にインストール可能性チェックリストに従います。

主な用途

  • PWAをデプロイする前にマニフェストを検証して、インストール可能性要件が満たされていることを確認する。
  • PWAインストールプロンプトが表示されない理由をデバッグする。ChromeとEdgeが必要とするマニフェストフィールドをチェックする。
  • 新しいアイコン追加後、開始URL変更後、テーマカラー更新後に既存のマニフェストを監査する。

用途

使用例

公開前のマニフェストチェック

開発者がサイトのマニフェストジェネレーターでマニフェストを生成し、バリデーターに貼り付けます。バリデーターはshort_nameの欠落をフラグし、512x512アイコンの追加を提案し、start_urlが/で始まらないことを警告します。

PWAインストールプロンプトのデバッグ

PWAがChromeでインストールプロンプトを表示しません。マニフェストをバリデーターに貼り付けます。icons配列が空であると報告されます。少なくとも192x192アイコンがないと、Chromeはインストールプロンプトを提供しません。

よくあるミス

  • HTMLのheadにマニフェストをリンクするのを忘れる。ブラウザはlinkタグなしではマニフェストを発見できません。
  • 空または欠落したicons配列を使用する。インストールプロンプトには最低でも192x192と512x512のPNGアイコンが必要です。
  • 表示モードをbrowserに設定してインストール可能なアプリを期待する。standalone、fullscreen、minimal-uiがインストール可能な表示モードです。

検証

  1. Lighthouse PWA監査を実行します。マニフェストと他のインストール可能性要件をチェックします。
  2. Chrome DevTools > Application > Manifestを開き、すべてのフィールドが正しく解析され、エラーが表示されていないことを確認します。

FAQ

WebアプリマニフェストバリデーターのFAQ

PWAインストールプロンプトが表示されない理由は?

ChromeとEdgeでは、HTMLのheadにリンクされたマニフェストが正しいMIMEタイプで提供され、nameとshort_name(または30文字未満のname)、192x192と512x512のPNGアイコン、スコープ内のstart_url、standalone/fullscreen/minimal-uiの表示モード、登録されたサービスワーカーが必要です。サイトはHTTPSで提供される必要もあります。

nameがすでに短い場合でもshort_nameは必要ですか?

nameが30文字以下の場合、一部のプラットフォームはそれを短縮名として使用します。ただし、short_nameを明示的に設定することで、プラットフォーム間で一貫した動作が保証されます。short_nameの推奨最大長は12文字で、それより長い名前はAndroidやiOSのホーム画面で切り詰められます。

マニフェストはどのMIMEタイプで提供すべきですか?

マニフェストはContent-Type: application/manifest+jsonで提供する必要があります。GitHub Pagesは.webmanifestファイルをこのMIMEタイプで自動的に提供します。NetlifyやVercelも正しく処理します。.json拡張子を使用する場合は、サーバーが正しいMIMEタイプを提供するように設定する必要がある場合があります。

関連ツール

その他の画像・アセットツール

こちらもお試しください

こちらもお試しください