Luxcess Tech ～ラクセステック
PWAアプリの使い方

本サイト、ラクセステックは2022/12/27（火）にServiceWorkerを取り入れたことにより、PWA(プログレッシブ・ウェブ・アップ)アプリとしてスマートホン・タブレット・パソコンなどにインストールしていただけるようになりました。

そこでこのページでは、少しコツがいるPWAアプリのインストール方法と、基本的な使い方についてご説明します。

雲(クラウド)と、その隣から延びる下矢印のイラスト

0. そもそもPWAって何?

ラクセステックのインストール方法についてご説明する前に、まず「PWAアプリ」という仕組みについてご紹介します。既にご存じの方は次項以降の内容をお読みください。

初めに「PWA」とは、英語で「Progressive Web Apps(プログレッシブ・ウェブ・アップス)」の略で、簡単に言えば「ネイティブアプリのようにインストールして使えるウェブサイト」のようなものです。

開発者にとってはアプリの作成コストが抑えられ、ユーザにとっては読み込み速度・信頼性が向上するため、この数年間で様々なウェブサイト・サービスで取り入れられてきています。

なおPWAのインストールは任意で、ラクセステックを閲覧していただく上で必須ではありません。下記にPWAのメリットとデメリットを列記しますので、ご参考にしていただけると幸いです。

❤メリット: (1) ブラウザのタブを開かずに、専用のアプリからサイトを閲覧することができる。; (2) ページの内容に大きな変化がない場合、保存済みのキャッシュから必要なデータを取得することで高速に閲覧することができる。; (3) オフラインで利用することができる(ラクセステックは常に最新のコンテンツを利用いただけるよう、オフラインオプションは用意していません)。; (4) ネイティブアプリのようにプッシュ通知を受け取ることができる(2022年12月現在iOSでは未対応のため、ラクセステックでも実装は見送っています)。
💔デメリット: (1) 通常よりも多くのキャッシュを保存・操作するため、ストレージ・メモリが不足しているデバイスでは動作が遅くなってしまう可能性がある。; (2) ホーム画面・デスクトップにアイコンを増やしたくない方にとっては不向きかもしれない。

PWAの概要については以上です。本サイトをPWAアプリとして利用しても構わないという方は、ぜひ次項の手順に沿ってインストールしてください。

1. PWAアプリのインストール方法

本題のPWAアプリのインストール方法についてですが、こちらはスマートホン・タブレットとパソコンで少し違います。ラクセステックのトップページを開いた状態で、デバイスに応じて下記の手順を行ってください。

🐱スマートホン・タブレット: ブラウザの「共有」メニューから、「ホーム画面に追加」を選択します。; ※iOSではアプリ名を自由に変更することができます。; AndroidのChromeなど、一部のブラウザではページ下部に「ホームに追加」ボタンが表示されます。
🐶パソコン: 時間を空けて2回以上アクセスしたことがある場合にはアドレスバーの隣に「インストール」ボタンが表示されます。; スマートホンと同様に、デスクトップへショートカットを追加することでもインストールすることができます。