AMP に投資し、モバイルサイトを次世代の
Progressive Web App にアップグレードしようとしている方に、とっておきのニュースがあります。なんと、AMP と Progressive Web App を組み合わせて、すばらしいユーザー体験を提供することが可能になります。また、その参考にしていただくため、AMPproject.org に
新たなドキュメント一式を公開しています。
プリレンダリングされている AMP は一瞬で読み込めるため、サイトの入り口として理想的です。また、
<amp-install-serviceworker> コンポーネントは、ユーザーが AMP ページを読んでいる間に Progressive Web App をウォームアップし、プリロードします。ユーザーがサイトのオリジンへのリンクをクリックすると、一瞬ですべての機能が備わった Progressive Web App にアップグレードされます。つまり、AMP で高速に開始して、引き続き高速な Progressive Web App を使えるということです。
さらに、AMP ページ形式ですでに保持している完全なコンテンツ ライブラリは Progressive Web App でも中核部品として再利用できるので、複雑さを回避し、エンジニアリング リソースも節約できます。
AMP と Progressive Web App を組み合わせる方法の詳細については、以下のリソースのいずれかをご覧ください。
- まったく新しくなった AMP と Progressive Web App に関するドキュメント。AMP ページで Progressive Web App 機能を有効にする方法、AMP ページから Progressive Web App をプリロードする方法、AMP を埋め込み、データソースとして利用する方法などが詳しく説明されています。
- Smashing Magazine の入門ドキュメント
- AMP Conf 2017 での Alex Russell によるカンファレンス トーク
質問やフィードバックがある方は、
デベロッパー サポート チャンネルからお寄せください。皆さんのアプリのリリースを楽しみにしています。
Posted by
Yoshifumi Yamaguchi - Developer Relations Team
