プログレッシブウェブアプリ

プログレッシブウェブアプリ

プログレッシブウェブアプリはWebサイトをスマートフォンなどのホーム画面に設置してアプリのように使えるようにする技術です。
ブラウザの対応状況も進んでおり、一部を除いてほとんどの環境で利用可能となっています。
PWAとは(Progressive Web Appsとは)
Can I use Service Workers(PWA対応ブラウザ)
Lighthouse(Chrome用)
「Google Chrome 67」はデスクトップ“PWA”をサポート!……で、“PWA”って何?

WebサイトをPWA化する方法

WebサイトをプログレッシブウェブアプリにするためにはHTTPS、レスポンシブデザイン、Web App Manifest、Service Workerを利用する事で可能になります。
HTTPSとレスポンシブデザインをすでに実装しているなら、残るWeb App ManifestとService Workerの2つを設定する事で実現可能です。
モバイルコーディング
ウェブアプリマニフェスト
Service Worker の紹介

オンラインPC館
トップページテクニックウェブ制作 → プログレッシブウェブアプリ