マイクロソフトは開発者にプログレッシブウェブアプリの改善に使える30ピクセルを提供

知っておくべきこと
- Microsoft は、プログレッシブ Web アプリをネイティブ アプリに近づける開発者向け機能をリリースしました。
- 「ウィンドウ コントロール オーバーレイ」と呼ばれるこの機能により、Web アプリはタイトル バーをカスタマイズできます。
- Microsoft は、タイトル バー領域は小さいものの、そこにアクセスできることは PWA にとって「非常に重要」であると説明しました。
プログレッシブ・ウェブ・アプリ(PWA)は、開発者とエンドユーザーに様々なメリットをもたらす、成長を続けるウェブアプリケーションのカテゴリーです。クロスプラットフォーム対応であることから、モバイルデバイスとデスクトップの両方で利用可能です。また、PWAを他の形式のアプリよりも利用することで、単一のPWAで幅広いデバイスに対応できるため、開発の負担も軽減されます。PWAの開発には多くのメリットがありますが、それでもいくつかの欠点は存在します。
プログレッシブ・ウェブアプリは、特定のプラットフォーム向けに構築されたアプリケーションに比べて、ネイティブ感に欠ける場合があります。もちろん、それは事実であるからという側面もあります。PWAは本質的には、洗練されたウェブアプリです。しかし、マイクロソフトは長年にわたり、PWAの見た目と操作性をよりネイティブなものにするために尽力してきました。そして最近、同社はプログレッシブ・ウェブアプリの改善に向けて新たな一歩を踏み出しました。
開発者はPWAのタイトルバー領域をカスタマイズできるようになりました。Microsoftは「ウィンドウ コントロール オーバーレイ」と呼ばれるこの機能の提供開始を発表し、ブログ記事でそのメリットを説明しました。
「タイトルバーの高さがわずか30ピクセル程度だとしても、それが通常占める領域にアクセスできるようになることのデザインへの影響は計り知れません」とMicrosoftは述べています。「たった30ピクセルで何ができるでしょうか?カスタムタイトル、メニューバー、アカウント情報、ナビゲーションタブなどを表示できるでしょうか?他のデスクトップアプリを見れば、どれも何らかの形でこの領域を利用していることにすぐに気づくでしょう。そして今、インストールされたウェブアプリも同じように使えるようになりました!」
PWAのタイトルバーは、多くの場合、無駄なスペースになっています。場合によっては、色の衝突により、かなり突出してしまうこともあります。ウィンドウ コントロール オーバーレイは、これらの問題を解決します。「ウェブサイトをデスクトップにふさわしいアプリに変えることは、かつてないほど簡単になりました。ウィンドウ コントロール オーバーレイ機能を使用すると、よりモダンでユーザーにとって魅力的なデスクトップ アプリを作成できます」とMicrosoftは述べています。
同社のブログ記事では、新機能の実装方法や、さまざまなオペレーティング システムやウィンドウのサイズ変更に応じて機能を調整する方法について説明しています。
ウィンドウ コントロール オーバーレイは長らく開発が進められてきました。Microsoft は 2020 年 1 月にこの機能を提案し、Chromium に実装しました。その後、Web Capabilities プロジェクトの一環として、複数の企業やブラウザメーカーと協力し、この機能の実現に取り組んできました。
Windows と Xbox の熱狂的なファンのための最新ニュース、レビュー、ガイド。
ショーン・エンディコットはWindows Centralのテクノロジージャーナリストで、Windows、Microsoftソフトウェア、AI、PCを専門としています。Windows 10と11からChatGPTのようなAIツールの台頭まで、主要なリリースを取材してきました。ショーンのキャリアはLumia 930から始まり、アプリ開発者との強いつながりを築きました。執筆活動以外では、アメリカンフットボールのコーチも務めており、チームの運営にMicrosoftのサービスを活用しています。ノッティンガム・トレント大学で放送ジャーナリズムを学び、X(@SeanEndicott_)とThreads(@sean_endicott_)で活躍しています。