PWAのサイトにおいて、HTTP ステータスコードとして 404 エラーを返すべきなのに 200 を返してしまう状況が発生する場合は、noindex robots meta タグを設置し Google にソフト 404 扱いさせるといいようだ。

Progressive Web Apps Roadshow Tokyo 2017 解説された PWA の「ホーム画面のアイコン追加」機能についてレポート。ホーム画面アイコン追加はシンプルだがパワフル。

iOS で、PWA (プログレッシブ ウェブ アプリ）がサポートされる可能性が出てきた。WebKit Bugzilla で Service Worker の ステータス が開発中を意味する「In development」になっている。

PWA と AMP を組み合わせた興味深い構成が AMP の公式ブログで紹介された。「Shadow Reader」と呼ばれるこの構成では、PWA で構築したサイトの実質的なコンテンツとして AMP コンテンツを利用する。

Google Chrome 60 のデベロッパーツールに Lighthouse が統合された。Lighthouse は PWA や サイトのパフォーマンスを検証する Chrome 拡張。Chrome への統合は、今年5月の Google I/O で予告されていた。

Lancôme（ランコム）をの PWA 成功事例を紹介する。Android ユーザーにはもちろんのこと、Service Worker をサポートしない iPhone ユーザーに対しても PWA で Lancôme は成果をあげた。

PWA を実装するとウェブサイトをネイティブアプリのように機能させることができる。では、PWA とアプリが対等になるのなら、PWA サイトがアプリストアに掲載される可能性はあるだろうか？ Microsoft の Windows Store では PWA をアプリ同様にインストールできる。Google の Google Play も将来的にそうなるのだろうか？

先週参加してきた Google I/O 2017 で取り上げられた Twitter の PWA 対応の成功事例を紹介する。

5月17〜19日に米マウンテンビューで開催された Google I/O 2017 の「From AMP to PWA: Progressive Web AMPs」というセッションで、日本の楽天レシピの成功事例が紹介された。AMP と PWA を組み合わせたことによって、楽天レシピは大きな成果を手にしている。

ツイッターのモバイル向けサイトが PWA に対応した Twitter Lite を公開した。ブラウザからの利用でも、あたかもアプリからのような使い勝手を実現している。