ニュース

MovableType.net の最新情報をお届けします。

ウェブアプリのマニフェスト設定機能を強化しました

先日、オフラインキャッシュやWebプッシュ通知など、ネイティブアプリに近い体験を提供できる「PWA」をサポートする機能を追加しました。

今回PWAに必要なマニフェストファイルの項目をアップデートし、より細かな設定が可能になっています。

従来のショートネームとアイコンに追加して以下の項目の設定ができるようになりました。

  • 表示タイプ:サイトを開いた際に、ブラウザのUIを表示する/しないを設定することができます。
  • テーマカラー:テーマカラーは、デバイスのホーム画面からユーザーがサイトを開いた際に、ツールバーなどのUIに何色で表示するかのヒントに使われます。
  • 背景色:背景色はサイトを最初に表示した際のスプラッシュスクリーンの背景色として使われます。

※テーマカラーに関しては、マニフェストファイル以外にもhead内にmeta情報として記述することが推奨されていますので、以下の記述で追加を行ってください。

<meta name="theme-color" content="<$mt:BlogThemeColor$>">

ウェブアプリ マニフェストの詳細に関しては以下ご覧ください。

アカウント作成は無料! 同じアカウントでウェブサイトをいくつでも作成でき、
作成したウェブサイト毎に14日間無料で利用可能です。

アカウント作成