2026年04月10日

「o365.prod」で作成されたPWAアプリのサイト

さて前回は、「o365.prod」についてご紹介しました。

20260409-3-2.jpg

どんな経緯でご紹介するに至ったかは、上記ブログをご参照ください。
さて今回はこうしてPWAとして追加されたサイトの使い方を確認してみました。


【独立したアプリの様に起動】

今回、「o365.prod」をインストールするきっかけになったサイトが、ちょくちょくチェックしている TechCommunity というサイト。現在は、PWAとして起動するようになっています。

20260409-3-1.jpg

Microsoft Edge でプログレッシブ Web Apps (PWA) を使用する」にもありますが、「Web サイトがインストール可能なプログレッシブ Web アプリ (PWA) であると Microsoft Edge が判断すると、アドレス バーに [ 使用可能なアプリ ] ([アプリが利用可能] アイコン) アイコンが表示されます」とのことです。

20260409-3-3.jpg 20260409-3-4.jpg

最初にこうして登録したものは、「o365.prod-Home|Microsoft Community Hub」と表示されてますが、その後追加した Microsoft Q&A については、「Microsoft 365 と Office - Microsoft Q&A」とあって、「o365.prod」という名称はなく、この辺りの名称は変更は設定などではできないようでした。

20260409-3-1.jpg 20260409-3-5.jpg

タイトルバーが青かったり、青くならなかったりと見た目の違いもありますが、最初に登録した Tech Community のサイトを削除すると、o365.prod のアンインストールはされますが、あとから追加した Microsoft Q&A はそのまま残ってたりもしてたのですが、この辺りどう違うのか? 今後また何か?わかりましたらご紹介させていただきます。


【起動時の画面構成】

画面の右上にツールが表示されていますが、翻訳、ズーム、検索サイドバーの表示、設定といったツールが用意されています。

20260409-3-6.jpg

ただし今回確認したところでは、最初に登録されたサイトの後に追加した分には、検索サイドバーの表示や、設定といったツールはありましたが、翻訳やズームなどのツールは表示されておりませんでした。

-- 画面上で右クリックから:

ツールバーにない機能、あるいはツールバーが表示されていない場合でも、画面上で右クリックすれば、一通りのメニューが利用できるようです。ズーム機能については、Ctrlキー+スクロールボタン にて利用は可能でした。

20260409-3-7.jpg 20260409-3-8.jpg

-- サイドバー検索の利用:

サイドバー検索を使ってみました。

20260409-4-1.jpg 20260409-4-2.jpg 20260409-4-3.jpg

Copilot Search での検索結果が表示され、検索結果をクリックすればサイドバー内で表示されます。ただし画面が小さいとみずらいので、「新しいタブで開く」をクリックして、Edge の新しいタブとして開いたほうが見やすいのかもしれません。PWA の画面内に新たなタブが開くわけではないようです。


【PWAとしてサイトを追加する】

さて今回、Tech Community サイトで表示された「o365.prod」でアプリとして追加されたサイトですが、Microsoft Edge の場合には、Microsoft 以外のサイトだと自動では表示されませんが、アプリとして追加は可能です。

[...]>その他のツール>アプリ と開くと、「このサイトをアプリとしてインストール」をクリックすると登録されます。

20260409-4-4.jpg 20260409-4-5.jpg 20260409-4-6.jpg

登録後は、タスクバーにピン留めすることも、デスクトップにショートカットアイコンなどを作成することも可能です。
また不要になった際の削除方法は前回ご紹介したように、アプリのアンインストールも可能です。

よくご利用になるサイトなどはこうしてアプリ化しておくのもいいのかもしれませんね。


<参照>




HP Directplus -HP公式オンラインストア-


Dynabook Direct


デル株式会社
posted by クリック at 07:00| 東京 ☀| Comment(0) | TrackBack(0) | Microsoft Edge | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック