BUX Web Design

press m

PWA: ウェブサイトとアプリのハイブリッド

programming

PWA(プログレッシブウェブアプリ)とは簡単な説明にするとアプリとウェブサイトのハイブリッドのような存在です。Webブラウザでの閲覧に加えてスマートフォン上でアプリと同じように使えるため環境に依存せずウェブサイトとアプリの両方の長所を持ち合わせます。※詳細な説明はこちらのページなどでご確認いただけます。

PWAでできる事

  • スマートフォンのホーム画面への追加

    アイコンを追加しアプリと同じように起動することができます

  • プッシュ通知

    アプリと同じようにプッシュ通知を送る事ができます

  • オフラインでの閲覧

    キャッシュデータを用いてオフライン環境でも閲覧ができます

  • 表示速度

    仕様上ページの表示速度が早いためユーザーと検索エンジンからの印象アップがきたいできます

PWAの必要基準

  1. httpsの使用
  2. Web App Manifestを含む事
  3. service workerを実施する事

2のWeb App ManifestはPWAとしてブラウザーに提供する情報を提供するJSONファイルです。詳しくはこちらのページなどでご確認いただけます。

3のservice workerはオフラインなどの状況でも閲覧を可能にしたりするバックエンドで動作するscriptです。

まとめ

PWAは2016年頃に始まったばかりで、まだ馴染みがない方も多いと思いますが、PWAはネイティブアプリの利点を引き継いだWebアプリケーションを作成することができウェブサイト運営・ウェブマーケティングにおいてとても重要な存在になってくるかと思います。

related articles

© 2019 BUX Web Design