カテゴリー:PWA
-
【PWA】設計のポイント
09.12
購入などどうしてもオンラインとの通信が必要な場合 「現在オフラインのため表示できません。オンラインの状態で再度お試しください。」などと表示したりする。 関連APIの環境差異は把握すること どの環境でもまず動く Indexed…
-
【PWA】「実装方法」とは?
09.12
フレームワークを使う。 ほぼ何もコードを書かずにPWA化ができる。シンプルで簡単。ただ、この方法だとfetchとかpush、sync、messageの機能がブラックボックス化されてしまっている。 Next.js next-pwaという…
-
【PWA】構成要素
07.15
PWAは様々な構成要素によって構成されています。 ブラウザ ブラウザがPWAをサポートしている必要があります。主要なブラウザで言えば、下記のような感じでしょう。 ブラウザ 説明 Chrome 完全にサポートし…
-
【PWA】入門
07.15
PWA(Progressive Web Apps:プログレッシブウェブアプリ)とは? 2015年頃から取り上げられるようになったGoogleが提唱しているウェブ開発のアーキテクチャの一種です。また、ウェブだけでなく、ネイティブアプリや、ス…