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

Twitter
伊藤亜津佐

このブログでは、SEO・Googleマイビジネス・ローカル検索など、Web集客に関する最新情報を配信しています。

伊藤亜津佐をフォローする

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で利用できないブックマークも利用できます。

Twitterで予約投稿する2つの方法
Twitterで予約投稿できたら便利ですよね? ブログ記事を予約投稿して、その内容をツイートするようなこともあると思います。 この記事では、Twitterで予約投稿する2つの方法をお伝えします。 TweetDeckで予約投...