脱ネイティブ！Googleが推進する「PWA」にたった数時間で対応する方法
Googleが昨年発表した、Webアプリをネイティブアプリのように使えるようにするしくみ「PWA（Progressive Web Apps）」が話題です。既存サイトをPWA化する方法をサンプルコードをもとに解説します。 ここ最近はプログレッシブWebアプリ（Progressive Web Apps、PWA）の話題をよく耳にするとともに、これが未来のWebなのかどうかが議論の的になっています。ネイティブアプリ vs PWA論争に加わるつもりはありませんが、PWAがモバイルデバイス対応を強化し、ユーザーエクスペリエンスを向上することだけは確かです。2018年までにはモバイルからのアクセス数がほかのすべてのデバイスからのアクセス数を上回ると予測されるなかで、どうしてこの流れを無視できるのでしょうか。 良いニュースは、PWAの作成は難しくないということです。実際のところ既存のサイトをPWA化するこ
Web開発者は本当に対応するべきか？ Googleが提唱するPWAとは？
Web上でPWAについて検索をすると、さまざまな相反する情報や判断基準が表示されます。PWAを定義するには、テクニカルな面でこれから紹介する4つの基準があり、Google Chrome、Opera、Samsungのブラウザーが対応しています。 この4つの基準を満たせば、開発者は望み通り自由に機能をカスタマイズでき、オフラインでのエラーページやオフラインでのブラウジングが可能になります。 プログレッシブになるための条件 Webサイトが、サーバー上にPWAがあると認識されるためには、ユーザーに「Add To Home Screen（ホームスクリーンに追加）」と表示することも含めて、次の4つの条件がグーグルによって定められています。 ユーザーが5分以上間隔を空けて2回訪れるか HTTPSをサポートしているか 有効なJSONのマニフェストが含まれているか Service Workerが含まれている
Webディレクターが知らないとマズい！Googleの注目プロジェクトPWAって何？
今回は、グーグルより昨年リリースされ、今年5月に開催されたGoogle I/Oでも話題の中心だったPWA（Progressive Web Apps）についてまとめます。 PWAとは？ PWA（Progressive Web Apps）はグーグルがモバイルユーザーのユーザー体験向上を目的とし、今までのWebアプリ（サービス）にWebとアプリの両方の利点を兼ね備えた仕組みのことです。 詳しい仕様は、グーグルのPWAのページやGithubにありますので、そちらを参照してください。 Progressive Web App Dev Summit | Google Developers GoogleChrome/ioweb2016 | GitHub PWA対応でできること PWA対応することで、今までアプリでしかできなかった施策がWebサイトでも実現できます。下記ではPWA対応することによるメリットを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
