PWA対応

新規コンテンツ、既存コンテンツをPWA対応することで、モバイルWebサイトのオフライン対応を実現。ネイティブアプリに近いユーザーエクスペリエンスを提供します。また、通信量を削減し、パフォーマンスを向上させることで、セッションの維持、離脱率の低下、ページビューとビューアビリティの向上が期待できます。

• ※ 「ビューアビリティ」とは視認性があり、閲覧できる状態にある広告のインプレッション内指標です。

PWA対応を行うことで、Service Worker APIを用いたネットワークのコントロ－ルが可能になります。HTTPS環境が必須となりますが、Service Worker APIにより一度ロードが完了したWebサイトはキャッシュしたコンテンツデータにアクセスするため、大幅なパフォーマンスの向上を図ることができます。また、キャッシュはネットワークに依存しないため、オフライン環境でのWebサイトの閲覧や、データ通信量の削減を行うことが可能です。

PWA対応サービスではApp Shellアーキテクチャに基づいた開発を行います。App Shellはネイティブアプリに必要なプログラミング言語とは異なり、HTML、CSS、JavaScriptの構成要素を持つユーザーインターフェースです。このアーキテクチャに沿った開発を行うことでネイティブアプリのようなユーザーエクスペリエンスを提供します。また、PWAに必要なマニフェストの定義により、あたかもWebサイトを探すかのように検索エンジンからPWAを探すことが可能です。

モバイルに最適化されたデザインや、訪問者の流入経路はモバイルWebサイトそのものですが、PWAはアプリケーションストアの審査を必要とせず、デバイスにインストールすることができます。デバイスのホーム画面アイコンから起動したPWAはスプラッシュスクリーンの表示と同時にキャッシュしたコンテンツへアクセスし、メニューバーの無いフルスクリーンで表示することができるため、ネイティブアプリのように振る舞うことができます。

ミツエーリンクスのPWA対応サービスでは、Googleが規定するBaseline Progressive Web App Checklistのチェック項目とWebサイトの状態を考慮し、最適なPWA対応方針をご提案します。

また、Webサイトの構造や規模により、ユーザーエクスペリエンスを考慮したPWAに最適なビジュアルデザインをご提案させていただくことも可能です。

PWA対応サービスでは企画からご納品までワンストップでの提供が可能です。

既存コンテンツの現状把握を行い、オフライン対象コンテンツの精査や、モバイルフレンドリーを考慮したレスポンシブWebデザインなどPWA対応に最適な具体的方法を立案します。もちろん新規Webサイト構築の際でもPWA対応を行うことができます。

対象コンテンツのトーン＆マナーを考慮し、一部デザインをPWAのユーザーエクスペリエンスに最適化したリデザインの作成と、ホーム画面のアイコン作成を行います。

要件定義に沿った形でマニフェストの定義、及びオフライン対象ページに応じたService Workerを作成し、対象ページに組み込みを行います。

Push APIを用いてモバイルデバイスにインストールされたPWAに対してプッシュ通知を行い、再エンゲージメントを促すことが可能です。

• Webプッシュ通知

1. 要件定義
   • 目的、内容のヒアリング
   • 現状把握とオフライン対象ページ精査
2. ビジュアルデザイン
3. テンプレート設計・実装・検証
4. ご納品