ChromeがデスクトップPWAをサポート!PWA版 Twitterを動かしてみた

ChromeがデスクトップPWAをサポート、Twitter

Chrome 73よりデスクトップPWAがサポートされました。

元々モバイル用に作られたPWAが、デスクトップのChromeブラウザで利用できるようになります。デスクトップ環境でもウェブアプリをネイティブアプリのように使えます。

ChromeがデスクトップPWAをサポートしたので、デスクトップ環境でPWA版 Twitterを動かしてみます。どのように使えるのか、手順を踏まえて公開します。

スポンサーリンク
レクダンクル(大)

デスクトップ環境でPWA版 Twitterを動かしてみる

デスクトップ環境でPWA版 Twitterが使えるといっても、どんな使い勝手になるのかイメージが湧かない方もいるかも知れません。どんな使い勝手なのか見てみましょう。

  • ウェブアプリをネイティブアプリのように使える
  • デスクトップから、モバイル版のTwitter URLにアクセスしたときと、ほぼ同じUI
  • デスクトップでもTwitterのブックマークを利用できる

デスクトップ環境でPWA版 Twitterを使ってみると、シンプルかつ動作は軽量なので、使い勝手は良好です。

ChromeにPWA版 Twitterをインストールする手順

ChromeにPWA版 Twitterをインストールしてみます。
以下の手順になります。

  1. Chromeでモバイル版のTwitterにアクセス
  2. ChromeでTwitterを立ち上げた状態で、右上の︙をクリック
  3. 「Twitterをインストール」をクリック
  4. 「アプリをインストールしますか?」と表示されるので「インストール」をクリック
  5. PWA版 Twitterが立ち上がる

1. Chromeでモバイル版のTwitterにアクセス

Chromeでモバイル版のTwitterにアクセスします。

URLが異なるデスクトップ版のTwitterにアクセスしてもPWA版 Twitterはインストールできません。

2. ChromeでTwitterを立ち上げた状態で、右上の︙をクリック

ChromeでTwitterを立ち上げた状態で、右上の︙をクリックします。

3. 「Twitterをインストール」をクリック

「Twitterをインストール」をクリック

「Twitterをインストール」をクリックします。
モバイル版のTwitterを開いていないと、「Twitterをインストール」は表示されませんのでご注意ください。

4. 「アプリをインストールしますか?」と表示されるので「インストール」をクリック

「アプリをインストールしますか?」と表示されるので「インストール」をクリックします。

「アプリをインストールしますか?」と表示されるので「インストール」をクリック

5. PWA版 Twitterが立ち上がる

PWA版 Twitterが立ち上がります。
ChromeでTwitterにログインしていれば、PWA版 Twitterも自動でログインします。

Twitterアプリのショートカットを作成する

CHromeにPWA版 Twitterをインストールしたら、Twitterアプリのショートカットを作成することをオススメします。

Twitterアプリのショートカットを作成すると、Windowsならデスクトップから、MacならDockから、いつでもかんたんにTwitterアプリを立ち上げることが可能です。
逆に、Twitterアプリのショートカットを作らないと、毎回ChromeからTwitterアプリを立ち上げなければなりません。

以下の手順で、Twitterアプリのショートカットを作成します。

  1. モバイル版のTwitterを開いて右上の︙をクリック
  2. 「その他ツール」→「ショートカットを作成」をクリック
  3. Windowsはデスクトップにショートカットが作成される
  4. Macは「Chromeアプリ」フォルダにショートカットが作成されるので、Dockにショートカットを入れる

1. モバイル版のTwitterを開いて右上の︙をクリック

モバイル版のTwitterを開いて右上の︙をクリックします。

2. 「その他のツール」→「ショートカットを作成」をクリック

「その他のツール」→「ショートカットを作成」をクリックします。

モバイル版のTwitterを開いて右上の︙をクリックし、「その他ツール」→「ショートカットを作成」をクリック

3. Windowsはデスクトップにショートカットが作成される

Windowsはデスクトップにショートカットが作成されるので、次回からはショートカットからTwitterが立ち上がります。

4. Macは「Chromeアプリ」フォルダにショートカットが作成されるので、Dockにショートカットを入れる

Macは「Chromeアプリ」フォルダにショートカットが作成されるので、Dockにショートカットを入れます。

Macは「Chromeアプリ」フォルダにショートカットが作成される

次回からは、DockのアイコンをクリックすればTwitterが立ち上がります。

Macは「Chromeアプリ」フォルダにショートカットが作成されるので、Dockにショートカットを入れる

デスクトップでPWA版 Twitterを動かすメリット

デスクトップでPWA版 Twitterを動かすメリットは次の2点です。

  • Twitterのブックマークをデスクトップ環境で使用できる
  • シンプルでアプリのようなUI

さいごに

以上、ChromeがデスクトップPWAをサポートしたので、デスクトップ環境でPWA版 Twitterを動かしてみました。また、使い勝手や手順も公開しました。

デスクトップ環境でPWA版 Twitterを使ってみたところ、使い勝手は良好でめちゃ快適なのでオススメです。デスクトップ版 Twitterで利用できないブックマークも利用できます。

スポンサーリンク
レクダンクル(大)

フォローする

スポンサーリンク
この記事をお届けした
iSchoolの最新情報を、
いいねしてチェックしよう!
スポンサーリンク
レクダンクル(大)