Web App Manifest Generator
すべての必須フィールドを含むPWAウェブアプリのmanifest.jsonを生成します。
アイコン
アプリのアイコンを /icons/ ディレクトリに配置してください。推奨サイズは 192×192 および 512×512 の PNG ファイルです。
manifest.json
{
"name": "My App",
"short_name": "App",
"description": "A progressive web application.",
"start_url": "/",
"display": "standalone",
"theme_color": "#4f46e5",
"background_color": "#ffffff",
"orientation": "any",
"scope": "/",
"lang": "en",
"icons": [
{
"src": "/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}このツールについて
ウェブアプリマニフェストはJSONファイルで、ブラウザにあなたのプログレッシブウェブアプリケーションをユーザーのデバイスにどのように表示するかを指示します。アプリの名前、開始URL、表示モード、アイコン、テーマカラーなどの重要な情報を定義し、ウェブアプリをスマートフォン、タブレット、デスクトップでネイティブアプリケーションのようにインストール・起動できるようにします。
このジェネレータは、アプリの詳細情報を入力するだけで完全なmanifest.jsonファイルを作成するのに役立ちます。表示モード(スタンドアロンまたは全画面)、向きの設定、言語、スコープ、カラースキームなどのフィールドを設定し、生成されたJSONをプロジェクトのルートディレクトリにダウンロードまたはコピーできます。このツールは自動的にアイコン設定のプレースホルダーを含め、すべての必要なW3Cウェブアプリマニフェストプロパティが正しくフォーマットされるようにします。
ウェブアプリマニフェストはPWA(プログレッシブウェブアプリケーション)開発に不可欠で、iOSとAndroidのアプリストア全体での発見可能性を向上させます。シングルページアプリケーション、ウェブベースのツール、またはオフライン対応サイトを構築する開発者がこのツールの恩恵を最も受け、JSONシンタックスを手動で記述することなく高速なマニフェスト生成を実現できます。
よくある質問
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.