UUUP Tools

開発者ツール

PWA Manifest — web app manifest.json ビルダー

アプリ名、start URL、表示モード、テーマカラーを入力して、インストール可能な PWA の基本に使える標準的な manifest.json を生成します。

クイック切替→Metaタグジェネレーター
PWAManifestWeb
クイック切替:MetaタグジェネレーターRobots.txtジェネレーターOpen Graphタグジェネレーター

このツールをお気に入りに

お気に入りの保存方法がまだ選ばれていません。

クイック操作

開発者ツールに戻る すべてのツールを見る

このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。

利用シーン

  • サイトに manifest.json を追加する
  • スタンドアロン表示を設定する
  • テーマカラーと start path を設定する

使い方

  1. name と short name を入力する
  2. start_url と display を設定する
  3. テーマカラーを選び JSON をコピーする

入出力サンプル

設定

name=Demo / display=standalone

JSON

{"name":"Demo","display":"standalone",...}

FAQ

manifest だけでインストールできますか？

HTTPS、アイコン、さらに service worker も必要になることが多いです。このツールは manifest の中身のみを作成します。

アイコンはどう扱いますか？

アイコンのパスとサイズはページのフィールドに従ってください。ファイルは静的アセットとしてホストします。

ツール

関連ツール

近い用途の翻訳済みツールへ続けて進めます。

Metaタグジェネレーター

Metaタグジェネレーター - 基本SEOとOpen Graph

利用可能

ページタイトル、説明文、URL、画像URLから、一般的なMetaタグとOpen Graphタグ、さらに基本的なTwitter Cardタグを生成します。ランディングページや記事ページの設定に便利です。

Meta Open Graph SEO
ツールを開く

Robots.txtジェネレーター

robots.txtジェネレーター - クローラールール作成

利用可能

User-agent、Allow、Disallow、Sitemap を含む基本的な robots.txt を作成します。公開時のクロールポリシー設定に役立ちます。

robots.txt SEO クローラー
ツールを開く

Open Graphタグジェネレーター

OGタグジェネレーター - Open Graph共有マークアップ

利用可能

タイトル、説明文、URL、画像URLからOpen Graph metaタグを生成し、SNSでのリンクプレビュー品質を高めます。出力はローカルで生成されます。

Open Graph SEO 共有
ツールを開く