はい、完全無料でご利用いただけます。ユーザー登録も不要です。

データは安全ですか？

すべての処理はお使いのブラウザ内で完結します。入力データはサーバーに送信されません。

manifest.jsonはどこに置けばいいですか？

サイトのルートディレクトリに配置し、HTMLの<head>内に<link rel="manifest" href="/manifest.json">を追加してください。

はい、インストール可能なPWAにするためには、manifest.jsonとService Workerの両方が必要です。

最低限192x192と512x512の2サイズが必要です。より多くのデバイスに対応するために48x48〜512x512まで複数サイズを用意すると良いでしょう。

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

アイコンサイズ設定

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

表示モード選択

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

正しいJSON出力

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

フロントエンドエンジニア

PWAのmanifest.jsonを正しい形式で作りたいとき

W3C準拠のJSONをフォーム入力だけで即座に生成

モバイルアプリ開発者

ホーム画面追加時の表示設定を調整したいとき

アイコンサイズ・表示モード・テーマカラーを視覚的に設定

ディレクター

PWA対応の要件をエンジニアに伝えたいとき

設定内容を確認しながら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まで複数サイズを用意すると良いでしょう。