What PWA Can Do Today - 現在のPWAでできること

現在利用できるPWA機能

• PWA(Progressive Web App)はデバイスにインストールでき、アプリのような体験を提供するWebサイト。
• このアプリはPWAで、モバイルデバイスやデスクトップのホーム画面にインストール可能。
• インストール後、以下の機能デモを確認して、デバイスでサポートされている機能を確認できる。

機能

• メディアキャプチャ: Webアプリがデバイスのカメラとマイクを利用できる。
• ジオロケーション: ユーザーがWebアプリと位置情報を共有できる。
• 通知: アプリがアクティブでないときでも、Webアプリが通知を表示できる。
• 連絡先の選択: ユーザーの連絡先を選択できる。
• Web共有: デバイスの標準共有メカニズムを呼び出し、テキスト、URL、またはファイルを共有できる。
• 認証: 指紋認証機や外部USBセキュリティキーによるパスワードレス認証を可能にする。
• ファイルシステム: ユーザーデバイスのファイルシステムにアクセスできる。
• バーコード検出: 画像からバーコードやQRコードを検出できる。
• 顔検出: 画像から顔を検出できる。
• 振動: モバイルデバイスを振動させることができる。
• オーディオ録音: オーディオを録音して可視化できる。
• オーディオ: デバイスのロック画面にメディア再生コントロールを表示できる。
• バックグラウンド同期: オフライン時にタスクを延期し、ネットワーク接続が復旧したときに実行できる。
• バックグラウンドフェッチ: アプリが実行されていないときでも、大容量ファイルをバックグラウンドでダウンロードできる。
• キャプチャハンドル: 画面キャプチャWebアプリが、キャプチャ対象のWebアプリと信頼性高く通信できる。
• Storage API: Webアプリがユーザーのブラウザに構造化データを永続的に保存できる。
• Bluetooth: WebアプリがBLEデバイスに接続し、値の読み書きができる。
• NFC: WebアプリがNFCタグを読み書きできる。
• 拡張現実/仮想現実: 仮想オブジェクトを現実空間に配置できる。
• 決済: Web上でクレジットカード、Apple Pay、または Google Pay を使って支払いができる。
• Wake Lock: アプリを動作させ続ける必要があるときに、画面が暗くなったりロックされたりするのを防げる。
• 方向: ユーザーデバイスの物理的な向きに関する情報を提供する。
• モーション: ユーザーデバイスの位置や向きの変化速度に関する情報を提供する。
• ネットワーク情報: デバイスの接続情報を提供し、Webアプリがネットワーク品質に応じて機能を調整できる。
• 音声合成: テキストを音声に変換し、プログラムがテキスト内容を読み上げられるようにする。
• 音声認識: 音声入力から音声コンテキストを認識できる。
• マルチタッチ: 複雑なタッチ操作をキャプチャできる。

センサーを有効化する方法

• デバイスでモーションセンサーが使えない場合に、それを有効化する方法。
• iOS: iOS 12 にのみ適用。変更を反映するには、アプリをホーム画面から削除して再追加する必要がある場合がある。
• Android: Android版Chromeでこのサイトを開き、メインメニューで「モーションセンサー」をタップして有効化できる。

GN⁺の見解

• PWAは、ユーザーにネイティブアプリに近い体験を提供しつつ、Web技術によってより広いアクセシビリティと互換性を実現する革新的な技術。
• この記事は多様なPWA機能を紹介しており、特にメディアキャプチャ、ジオロケーション、バックグラウンド同期などは、モバイルユーザー体験を大きく向上させる重要な機能。
• センサーの有効化方法を示すことで、ユーザーが自分のデバイスでPWAの全機能を最大限活用できるよう支援する有用な情報を提供している。

[pmc7777]

PWAがモバイルストア市場を変える日がとても楽しみです！

[anjin225]

url scheme に対応しているともっと良さそうなのに、残念

[GN⁺]

Hacker Newsの意見

• あるユーザーは、顧客向けに Microsoft InTune を通じて iPad と Surface Go デバイスへ PWA（Progressive Web Apps）を配布しており、2020年ごろは悪夢のようだったが、今でははるかにスムーズになったと述べている。ある顧客が iPad から Surface Go へ移行し、追加のエンドポイント管理を用いて PWA 体験をキオスクモードのようにした改善済みプロセスを提案したという。彼らにとって最大の制約は、環境に向けたカメラの画質と、ブラウザ経由でのカメラ機能へのアクセスレベルだった。iOS/Safari は当初非常に弱かったが、現在はかなり良くなっているという。今では Safari 経由で iPad の背面カメラから 2k の環境スキャンを 30fps で取得でき、2D バーコードのスキャンと書類キャプチャも 100% 実行可能だという。これらの機能は以前は製品デモ時に非常に不安定だったが、今では心配していないとのこと。カメラの問題のためにネイティブ iOS アプリへ戻りかけたが、そうしない 100% Microsoft 環境ではネイティブのビルドチェーンを維持することが大きな負担だったという。以前は顧客向けに長年エンタープライズ IPA へ署名していたが、今では Web/PWA に切り替えており、Web が消えるなら別のキャリアと趣味を探すだろうと断言している。
• 別のユーザーは、PWA の中核的な目的はクロスプラットフォームのアプリを提供することなのだから、どの機能が iOS と Android で「普遍的」にサポートされているのかを Web サイトが目立つ形で表示していないのは残念だと述べている。もしある機能がすべて、または大半のプラットフォームで使えないのであれば、それを PWA で本当に利用可能だと言うのは公平ではないと主張している。
• また別のユーザーは、PWA のデモサイトでさえ iOS では目立つ UX バグがあると指摘している。画面の左右端からスワイプして戻る／進む操作を行うと、アニメーションが二重に発生する問題を挙げている。この問題の解決は、ページのスライドアニメーションを無効化するだけで簡単かもしれないが、サイト制作者はそれに気づいていないか、気にしていないのだろうとしている。Apple にもいくらか責任があり、理想的にはネイティブのスワイプジェスチャーを検知してカスタマイズできる、より目的に合ったインターフェースがあるべきだと主張している。
• Hacker News コミュニティの一部ユーザーが、まるでサイト制作者がコメントを見ることはないとでも言わんばかりに無礼な批判を書き込むことについて、あるユーザーが批判している。世に作品を出す以上、批判を受け入れる必要はあるかもしれないが、このコミュニティ外の人々が自分たちの仕事がここで共有されることを嫌がる、あるいは少なくともコメントを読まないようにする理由にもなっていると述べている。
• あるユーザーは、Firefox デスクトップが PWA をサポートするブラウザの仲間入りをしてほしいと述べている。彼らは PWA を優先して構築するアプリを作っているが、それは通常、ユーザーが Chrome のインスタンスを実行しなければならないことを意味するという。Firefox が Chrome よりもスムーズな PWA 統合を実現すれば、そのアプリを勧める理由になるだろうと主張している。
• 別のユーザーは、PWA 採用を妨げる主な技術的問題は、JS フロントエンド界隈が UX を破壊するフロントエンドフレームワークに中毒になっていることだと主張している。また、アプリストアは PWA が決して持てない中核的価値を提供しており、特に iOS の App Store ではその信頼性がより強いとも述べている。
• あるユーザーは、このサイトが PWA の可能性をうまく示すデモなのだとしたら、自分にとっては失敗しているように思えると述べている。読み込みに時間がかかり、望まない機能や機能性が多く、スワイプで戻ろうとすると二重ナビゲーションが発生するなどの問題を指摘している。
• 別のユーザーは、iOS で PWA が共有先として登録できるようになるまで待つつもりだと述べている。Web ページで「共有」をクリックしたとき、共有シートにアプリとして表示される機能を望んでいるという。
• あるユーザーは、GitHub リポジトリにソースコードがなくバグトラッカーしかないのは今ひとつだと述べており、PWA を本当に普及させたいなら完全なソースコードを提供すべきだと主張している。
• 最後に別のユーザーは、デモアプリの複数の機能が iOS 17 では動作しないと述べており、それが Apple の望むやり方なのだろうと皮肉っている。一方で、Eclipse Emulator PWA を iOS で数日使ってみたところ非常によく動作したという。これまでに経験した唯一の問題は、SNES をエミュレートしたときに音が途切れることだったと述べている。