プログレッシブ ウェブアプリ（PWA）は、最新の API を使用して構築および強化されたウェブアプリです。単一のコードベースであらゆるデバイスのウェブユーザーにリーチしながら、高度な機能を提供します。ウェブアプリの幅広いリーチとプラットフォーム固有のアプリの豊富な機能を組み合わせることで、ユーザー エクスペリエンスを向上させます。
PWA 設計の 3 つの柱
プラットフォーム固有のアプリケーションと同じように使いやすい PWA を作成するには、機能が充実していて、信頼性が高く、インストールできるように設計する必要があります。
対応
ウェブ アプリケーションの機能はかつてないほど充実しており、その機能はますます拡大しています。最近、ウェブ向けソフトウェアで、かつてはプラットフォーム固有のアプリでしか利用できなかった機能が開発されるようになりました。たとえば、WebRTC、位置情報、プッシュ通知を使用してハイパーローカルのビデオ チャット アプリを作成して、そのアプリをインストール可能にし、WebGL と WebVR を使用して会話を仮想現実に移行できるようになりました。WebAssembly の導入により、デベロッパーは C、C++、Rust などの他のエコシステムを利用し、これまでプラットフォーム固有だった数十年にわたる機能をウェブに導入できるようになります。ウェブの新しい機能を活用しているデベロッパーの良い例として、ウェブベースの画像圧縮ツールである Squoosh.app があります。
一部の機能はウェブではまだ利用できません。しかし、新しい API が次々と登場し、ファイル システムへのアクセス、メディア コントロール、アプリ バッジ、クリップボードの完全サポートなど、ウェブでできることが絶えず拡大しています。これらの機能はすべて、ウェブの安全でユーザー中心の権限モデルを使用して構築されているため、ユーザーの安全を確保し、新しいウェブサイトの使用をより安心して行えるようにします。
信頼性
信頼性の高いプログレッシブ ウェブアプリは、ネットワークに関係なく高速で信頼性が高いように感じられます。ユーザーは、操作に迅速に応答するアプリと、信頼できるエクスペリエンスを期待しています。
ユーザーにエクスペリエンスを使用してもらうには、速度が重要です。実際、ページの読み込み時間が 1 秒から 10 秒に増えると、ユーザーが直帰する確率は 123%増加します。パフォーマンスに関する懸念は、onload イベントだけでなく、ユーザー エクスペリエンス全体に影響します。信頼できるエクスペリエンスでは、アプリの操作が登録されたかどうかをユーザーが疑うことはありません。スクロールとアニメーションはスムーズに動作する必要があります。アプリが実際に優れたパフォーマンスを発揮するだけでなく、ユーザーがアプリのパフォーマンスを優れていると認識することも重要です。
信頼できるアプリは、ネットワーク接続に関係なく使用できる必要があります。ユーザーは、低速または不安定なネットワーク接続時や、オフラインの場合でも、アプリがすぐに読み込まれることを期待しています。ユーザーは、アプリでサーバーにリクエストを送信する際に問題が発生した場合でも、最後に操作したコンテンツ（メディア トラック、チケット、旅行プランなど）が利用可能で、使用できることを期待しています。リクエストが実行できない場合、ユーザーは、アプリが問題があることを通知することを期待しています。黙って失敗したりクラッシュしたりするのではなく、
インストール可能
PWA をインストール可能にすると、ブラウザからスタンドアロン ウィンドウに移動し、ユーザーの認識と操作方法が変化します。インストールされた PWA は、ユーザーのホーム画面、ホルダー、タスクバー、セクションから起動できます。ユーザーはデバイスで検索したり、アプリ切り替えツールで切り替えたりできるため、インストールされているデバイスの一部のように感じられます。
PWA をインストールすると、通常はブラウザで予約されているキーボード ショートカットなど、新しい機能も利用できるようになります。PWA は、他のアプリからのコンテンツを受け入れるように登録したり、特定のファイル形式を処理するデフォルトのアプリとして登録したりすることもできます。
PWA から結果を取得する
PWA をリリースすると、ユーザー エクスペリエンスが向上するだけでなく、また、指標が改善され、サービスから得られる価値も高まります。主な例をいくつか示します。
- Twitter の PWA により、セッションあたりのページ数が 65% 増加し、ツイート数が 75% 増加し、直帰率が 20% 低下しました。アプリのサイズは 97% 以上削減されました。
- PWA に切り替えた後、日経新聞のオーガニック トラフィックは 2.3 倍、定期購読は 58%、1 日あたりのアクティブ ユーザー数は 49% 増加しました。
- Hulu は、プラットフォーム固有のデスクトップ エクスペリエンスを PWA に置き換えた結果、リピート訪問が 27% 増加しました。
PWA を使用するメリットについて詳しくは、プログレッシブ ウェブアプリがビジネスの成功を促進する方法をご覧ください。