✨ 無料・登録不要

Web App Manifest生成

フォームを入力するだけでW3C準拠のmanifest.jsonを生成

アプリ情報

アイコンサイズ

manifest.json

左のフォームを入力して「生成」をクリックしてください。

このツールの詳細・使い方・FAQ

このツールについて

PWA(Progressive Web App)に必要なmanifest.jsonを無料・登録不要・ブラウザ完結で生成できます。フォームに入力するだけでアイコンサイズ、表示モード、テーマカラーなどを設定した正しいJSONを出力します。

📱
アイコンサイズ設定

各デバイスに必要なアイコンサイズをまとめて設定可能

⚙️
表示モード選択

standalone・fullscreen・minimal-uiなどの表示モードを選択

📋
正しいJSON出力

W3C仕様に準拠した正しい形式のmanifest.jsonを生成

使い方

  1. アプリ情報を入力する

    アプリ名、短縮名、説明などの基本情報をフォームに入力します。

  2. 表示設定を選択する

    表示モード、画面の向き、テーマカラー、背景色を設定します。

  3. アイコンを設定する

    必要なアイコンサイズとファイルパスを指定します。

  4. JSONをコピーする

    生成されたmanifest.jsonをコピーしてプロジェクトに配置します。

よくある質問

無料ですか?
はい、完全無料でご利用いただけます。ユーザー登録も不要です。
データは安全ですか?
すべての処理はお使いのブラウザ内で完結します。入力データはサーバーに送信されません。
manifest.jsonはどこに置けばいいですか?
サイトのルートディレクトリに配置し、HTMLの<head>内に<link rel="manifest" href="/manifest.json">を追加してください。
PWAにmanifest.jsonは必須ですか?
はい、インストール可能なPWAにするためには、manifest.jsonとService Workerの両方が必要です。
どのアイコンサイズが必要ですか?
最低限192x192と512x512の2サイズが必要です。より多くのデバイスに対応するために48x48〜512x512まで複数サイズを用意すると良いでしょう。

関連ツール