どうも、まさとらん(@0310lan)です! 今回は、基本的な機能を持った簡易的なPWA(Progressive Web Apps)対応サイトをフレームワークなどを使わず素のJavaScriptで作ってみたいと思います。 主に、スマホのホーム画面からアプリのように起動したり、サービスワーカーを使ってオフライン対応や表示の高速化などを試していきましょう。 誰でも今すぐ実践できる内容なので、PWAに興味がある方はぜひ参考にしてみてください! ■開発環境について 早速プログラミングを始めたいところなのですが、その前に1つ注意点があります。 オフライン対応やキャッシュによる高速化を実現するには「サービスワーカー」を利用するのですが、これにはSSL対応のサーバー環境が必要になります。 すでに環境が整っている方は問題ありませんが、そうでない方やサーバーを用意するのが面倒だという方はオンラインコードエデ
![PWA入門!JavaScriptで簡単に高速化&オフライン対応のWebサイト制作チュートリアル! - paiza times](https://cdn-ak-scissors.b.st-hatena.com/image/square/194aa6e45ae3130ee50947af930c972759ffc368/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fp%2Fpaiza%2F20180829%2F20180829111252.jpg)