• Home
  • ブログ
  • 【2023年】Progressive Web Apps(PWA)のメリットとデメリットを解説

【2023年】Progressive Web Apps(PWA)のメリットとデメリットを解説

Web アプリの開発者は、現代のユーザーの高まる期待に応えるために、常に最新の Web 開発テクノロジを日々アップデートしています。 近年、Web 開発の状況を変えてきた一つの Web 開発テクノロジは、Progressive Web Apps (PWA) と呼ばれます。

前回は「PWAとは?初心者向けのProgressive Web Appsを解説」を紹介しました。

本記事ではビジネスの観点から PWA の長所と短所を見てみましょう。 Progressive Web Apps(PWAs)でパフォーマンスが向上することは誰もが知っていますが、他に何を提供するのか? どんなデメリットがあるのかなどをご紹介いたします。この記事が、PWAが自分のやりたいアプリケーションに適しているかどうか確認するヒントになれば幸いです。

Progressive Web Apps(PWA)とは?

Progressive Web Apps」という用語は、Google Chrome エンジニアの Alex Russell によって造られました。彼はこの用語を、通常の Web サイトと同じように読み込まれ、Service Worker や Web アプリManifestなど、最新のブラウザーでサポートされている機能を利用する新世代の Web アプリケーションを表すのに用いました。 オフライン使用、プッシュ通知、および従来はネイティブ アプリケーションのみに関連付けられていたその他の機能などのユーザー機能を提供します。

そのため、PWA はモバイル アプリと Web サイトの間のギャップを効果的に埋め、両方の長所を提供します。 PWA は、ユーザーが洗練されたモバイル エクスペリエンスを要求しているにもかかわらず、デバイス上のアプリの数に圧倒され、新しいアプリのインストールに消極的になっているときに登場します。

多くの大手企業はすでに PWA の流行に乗り、ネイティブ機能を備えた独自の Web アプリケーションをリリースしています。たとえば、AliExpress は新規ユーザーのコンバージョン率が 104% 増加しました。また、Twitter はセッションあたりのページ数が 65% 増加し、ツイート数が 75% 減少し、直帰率が 20% 減少しました。

Progressive Web Apps(PWA)のシンプルさとアクセシビリティは、デジタルトランスフォーメーション(DX)を検討している組織にとって優れたオプションです。

PWA – Progressive Web Appsのメリット

PWAの主な長所と短所はすべて、PWA が Web の利便性とリーチをネイティブ モバイル アプリの機能と融合させるという事実に起因しています。

PWAのメリット、その1:​​オフラインモード

PWA は Web ブラウザーによってキャッシュされ、オフラインでも使用できます。 これは、製品カタログを持つ企業にとって朗報です。これにより、顧客はインターネットに接続していないときでも製品を閲覧できるようになり、ユーザー エンゲージメント率が向上し、収益の増加につながる可能性があります。

PWAのメリット、その2:パフォーマンスの向上

読み込みに 3 秒以上かかると、ユーザーの 53% がサイトを放棄します! そして一度読み込まれると、ユーザーはぎくしゃくしたスクロールや反応の遅いインターフェースがなく、高速でコンテンツを表示できる」というGoogleからの推奨です。

PWA は、いわゆるサービス ワーカー (メインのブラウザー スレッドとは別に実行され、アセットのキャッシュを事前に制御する JavaScript ファイル) を利用するため、従来の Web アプリよりもはるかに優れたパフォーマンスを提供でき、表示速度も速くなります。

PWAのメリット、その3:インストールやアプリの手動更新は不要

Twitter のProgressive Web Appsを使用するために、Play ストアや App Store にアクセスしてインストールする必要はありません。 ユーザーは単に mobile.twitter.com にアクセスしてログインするだけです。 Twitter が PWA を更新するとき、ユーザーは手動でインストールする必要はありません。すべての新機能とバグ修正は、手動操作を必要とせずに利用できます。

もちろん、シームレスな更新の恩恵を受けるのはユーザーだけではありません。 PWA をリリースして維持している企業は、古いバージョンのアプリをまだ使用しているユーザーから受け取るカスタマー サポート リクエストの数を減らすことが期待でき、ユーザーを怒らせることなく、必要な頻度で更新をリリースできます。

PWAのメリット

PWAのメリット、その4:プラットフォーム固有の機能

PWA のメリットの中で、多くのプラットフォーム固有の機能を利用できるということが重要なポイントです。 たとえば、PWA はユーザーのホーム画面に常駐し、通常のプッシュ通知と同じように表示される Web プッシュ通知を配信できます。 フルスクリーンで実行したり、ディスプレイの向きを変更したり、カスタムスプラッシュ スクリーンで開始したり、位置データにアクセスしたりできます。

PWAのメリット、その5:省データ

インド、コロンビア、パキスタン、南アフリカなどの新興市場では、モバイル データは先進国よりもはるかに高価です。 PWA はモバイル アプリよりもはるかに小さく、キャッシュをより有効に活用できるため、従来の Web アプリよりも必要な帯域幅が大幅に少なくなります。

PWAのメリット、その6:アプリストアに申請不要

PWA はアプリ ストアに依存しないため、アプリを公開するためだけに Apple の年会費 99 ドルや Google の生涯費 25 ドルを払いたくない中小企業や独立したアプリ開発者にとって朗報です。 もちろん、アプリ ストアに依存しないことで、アプリ開発者は、Google や Apple のアプリストアポリシーや制限に縛られることなく、好きなアプリを自由に作成できます。

PWA – Progressive Web Appsのデメリット

PWAのデメリット、その1:iOSとの互換性に限界がある

iOS 11.3 以降、Apple デバイスで PWA を実行できるようになりましたが、古いデバイスとの互換性については対応できません。 さらに、Apple は、Touch ID、Face ID、ARKit、Bluetooth、シリアル、ビーコン、高度計センサー、さらにはバッテリー情報など、多くの重要な機能に PWA がアクセスすることを許可していません。

PWAのデメリット、その2:レガシー デバイスの問題

PWA が登場してまだ数年しか経っていないため、時代遅れの Web ブラウザーを搭載した古いモバイル デバイスが PWA を十分にサポートしていないことがあります。この問題は将来的には必然的に解決されますが、一部の企業にとっては顧客からの苦情の原因になる可能性があります。

PWAのデメリット、その3:万能ではない

PWA は、従来の Web アプリと比較して優れた機能を備えていますが、モバイル アプリでできることすべてを実行できるわけではありません。 JavaScript で記述されているため、Kotlin や Swift などのネイティブ言語で記述されたアプリほどバッテリー効率が良くありません。

それらのパフォーマンスは、JavaScript がシングルスレッドのプログラミング言語であるという事実と大きく関係しているネイティブ アプリのパフォーマンスほど良くありません。 現時点では、Bluetooth、近接センサー、環境光、高度なカメラ コントロールなど、特定の重要なデバイス機能へのアクセスがまだありません。

PWAのデメリット

まとめ

Progressive Web Apps(PWA)の主な長所と短所を列挙すると、長所が短所を大幅に上回ることは明らかです。

PWA は (Web テクノロジーに関する限りでも) 比較的短期間しか存在していませんでしたが、Web サイトを構築するための新しい哲学を確立することに成功しており、モバイル時代に関連したいと考えている企業は PWA を無視するわけにはいきません。

次回は「PWAとネイティブアプリを比較・選択方法」をご紹介します。
よろしくお願いします。

ソース:BrainHub (Progressive Web Apps: Advantages and Disadvantages)

関連記事

スマートコントラクトの市場需要、特徴と開発流れを解説

Post Views: 526 スマートコントラクトはトランザクションプロトコルであり、ブロックチェーン上の事前にプログラムされた条件またはアクションであり、契約条件に従ってイベントの制御、実装、および文書化を自動化することを目的としています。 これにより、仲介者や裁定取引業者の必要性が減り、不正なスキームが大幅に減少します。DAppsの開発にはスマートコントラクトが不可欠です。さらに、それらは分散型ネットワークを作成する上で重要な部分です。 本記事はスマートコントラクトの市場需要、特徴と開発流れをご紹介します。 スマートコントラクトの概要と市場規模 イーサリアム の コントラクト コントラクトプラットフォーム だけでなく だけでなく だけでなく だけでなく だけでなく だけでなく は 分散型 金融

仮想通貨ウォレットとは?種類、開発流れと主な機能を解説

Post Views: 507 暗号通貨が世界の金融空間に深くて恒久的に定着したことを疑う人はほとんどいません。その結果、このエコシステムをうまく拡張し、使いやすくするための一種の付属製品が作成されています。通貨があるということは、どこかに保管しなければならないということです。これが暗号ウォレットの誕生であり、ユーザーは暗号通貨取引を迅速かつ安全に実行できます。 ただし、複雑すぎて使用できない技術は、十分な人気を得て普及することはできません。 そのため、暗号資産ウォレット用のアプリを作成するという決定は非常に成功し、実用的であることが証明されています。この記事では、仮想通貨ウォレットとは何か、作成方法、およびアプリケーションを開発する際に注意すべき点について説明します。 仮想通貨ウォレットとは? 仮想通貨ウォレット(Crypto Wallet)は、特定のブロックチェーンネットワークの参加者間でデジタルトランザクションまたは暗号通貨を転送し、ブロックチェーンスマートコントラクトをトリガーするアプリです。 そのストレージ機能は電子財布と同じですが、暗号通貨にも適用されます。 これは、暗号通貨を安全に保管し、取引記録 (売買、入金) を追跡するソフトウェアです。ウォレットは、識別子およびブロックチェーン アカウントとしても機能します。 暗号通貨ウォレットはスマートフォンにインストールできるため、非常に簡単です。 ラップトップ、任意のブラウザー、さらにはポケットに保存できます。 ウォレットは取引の仲介者を排除します。これにより、顧客は即座に操作を行うことができます。暗号資産ウォレットを使用すると、取引手数料が大幅に削減されるか、ゼロになることさえあります。その結果、ユーザーの満足度と交流の強度が高まります。 参考:Web 3.0 とは?ブロックチェーンに基づく次世代ネットワーク

有望なDeFiのサービスと開発流れを徹底解説

Post Views: 508 分散型金融、または略してDeFi(英語:​​decentralized finance)は、テクノロジーベースのブロックチェーンネットワークであり、管理当局なしで自分のポケットに銀行サービスを提供し、自分は自分そのものの銀行機関です。 DeFi の魅力は、個人データのセキュリティ、コードがすべてに公開されていることによるプロセスの透明性、高金利、仲介者の不在にあります。さらに、このアイデアは投資家にとって非常に魅力的であるように思われたため、2022 年 1 月の時点で、約 923 億ドルが分散型金融で回転しています。 このようにかなりの金額にもかかわらず、市場はまだ過飽和には程遠いです。 さらに、それはその旅を始めています。したがって、DeFi開発に取り掛かることを計画している場合、この機関車の最後のステップにジャンプすることは絶対にありません。まだまだ先!そのため、DeFi 開発サービス市場をナビゲートして、信頼できる会社からサービスを探すことが非常に重要です。 DeFi開発の流れ DeFi 開発は複雑なプロセスであり、Web3領域の仕様により、従来の開発とは多くの分岐、機能、および複雑さがあるため、多少異なります。したがって、絶対にすべての専門家になることは不可能です。 各開発チームは、理想的な結果を達成するために、特定のソリューションセットに対して研鑽を積む必要があります。したがって、膨大な人数のスタッフを雇用し、適応させ、一緒に作業する時間を与えることは意味がありません。成功したプロジェクトを背後に持っていない専門家を外部委託することをお勧めします。 参考:DeFIとは?

Progressive Web Apps – PWAは将来性があるか?

Post Views: 516 人口の3分の2がモバイルデバイスで接続されている世界では、注目を集めたいなら強力なモバイルプレゼンスは不可欠な要素です。 問題なのは、モバイル アプリ (iOS と Android) とレスポンシブ Web サイトの両方を開発および維持することなく、どうやってモバイルユーザーとデスクトップユーザーを同じようにターゲットにできるか?という。 近年、多くの Web 開発者はProgressive Web Apps(PWA)アプリが最良の答えであると確信するようになりました。この記事では、それらが本当にWeb デザインの未来、将来性があるかどうかご紹介いたします。 Progressive Web

【2023年】12つのPWAアプリの導入事例を詳しく紹介

Post Views: 538 オンラインでマーケティングやEコマースなどをする際、成功の一つのポイントはシステムとアプリのパフォーマンスに不可欠な要素と言っても過言ではありません。それで多くのWebサイトはProgressive Web Apps(PWAs)と呼ばれる新しい技術標準を利用してパフォーマンスを向上させています。 GoogleでサポートされているWebアプリPWAsは、デバイスやネットワークの状態に関係なく、高レベルのパフォーマンスを提供することを目的としています。 信頼性が高く、速く、魅力的なネイティブアプリの品質でPWAを強化しているため、 多くの注目を集めています。 ​​Progressive Web Apps – PWAが従来のレスポンシブWebサイトとどのように異なるかを深く理解するために、さまざまな業界にわたる印象的なPWAアプリの例を以下のように紹介していきたいと思います。 それでは、始めましょう! PWAアプリの導入事例、その1:Starbucksアプリ スターバックスは、すべての顧客にアクセス可能でユーザーフレンドリーなオンライン注文を提供することを目指して、Web上に注文システムのPWAを構築しました。 言い換えれば、オフラインモードで実行する機能により、スターバックスPWAを使用すると、顧客はメニューを閲覧し、注文をカスタマイズし、アイテムをカートに追加できます。 オンラインでは、場所固有の価格設定を表示し、食べ物や飲み物の注文を行うことができます。 PWAのほとんどはネットワーク接続なしで利用できるため、1日を通して接続性に出入りする可能性のある顧客や、接続の信頼性が低い農村コミュニティのような新興市場に最適です。

【2023年】PWAとネイティブアプリを比較・選択方法を解説

Post Views: 523 消費者はモバイルの使用に不可欠です。ユーザーはデスクトップよりもモバイルで 2 倍の量のコンテンツを視聴しており、企業がエンゲージメントを生み出し、カスタマー エクスペリエンスを向上させる絶好の機会を生み出しています。 長い間、企業はモバイル アプリの開発に関して 2 つの選択肢しかありませんでした。 現在、彼らには 3 つ目の選択肢があります。Progressive Web Apps (PWAs)です。 PWA技術は、モバイルでのプレゼンスを確立するための最良の方法としてしばしば歓迎されますが、実際にそのように優れているのでしょうか? このPWAアプリとネイティブアプリの比較で詳しくご紹介します。 エンジニアの観点からPWA