pwa examples

PWA の例

プログレッシブ Web アプリの例。

このリポジトリには現在次のものが含まれています。

• CycleTracker: 月経周期を追跡するための基本アプリ。アプリの HTML には、生理周期の開始日と終了日を追加するフォームが含まれています。 JavaScript アプリの機能は日付を並べ替えてローカル ストレージに保存します。また、ローカル ストレージから取得した日付もフォームの下に表示されます。このアプリには、3 つのアイコン、配色などが含まれるマニフェスト ファイルが含まれています。アプリには、アセット キャッシュを処理する Service Worker も含まれています。

• a2hs: ホーム画面に追加 (A2HS) がどのように機能するかを示すためのセットアップ例。ここでライブをご覧ください。これには、アプリをホーム画面に追加できるようにするためのアイコンとマニフェスト ファイル、およびサイトをオフラインで動作させるための単純な Service Worker が含まれます。

• js13kpwa: js13kGames 2017 コンペティションに提出された A-Frame エントリのリスト。プログレッシブ Web アプリに関する MDN 記事の例として使用されます。 js13kPWA は App Shell 構造を持ち、Service Worker とオフラインで動作し、マニフェスト ファイルとホーム画面への追加機能によりインストール可能で、通知とプッシュを使用して再利用可能です。ここでライブをご覧ください。