アーキテクチャ | web.dev
PWA の信頼性、インストール可能性、機能性を高めるテクノロジーを最大限に活用できるようにアプリケーションを設計するには、まず、アプリケーションとその制約を理解し、両者に適したアーキテクチャを選択します。 SPA と MPA の比較 現在、ウェブ開発には、シングルページ アプリ（SPA）とマルチページ アプリ（MPA）の 2 つの主要なアーキテクチャ パターンがあります。 シングルページ アプリとは、アプリが取得または提供するデータに基づいて、ページの HTML レンダリングのほとんどまたはすべてをクライアント側の JavaScript に制御させることで定義されます。アプリはブラウザの組み込みナビゲーションをオーバーライドして、ルーティングとビューの処理機能に置き換えます。 マルチページ アプリは通常、プリレンダリングされた HTML をブラウザに直接送信します。多くの場合、ブラウザが
App Shell モデルの素振り（前編）webpack と Workbox を利用した構築
App Shell モデルという設計パターン App Shell モデルは、共通のガワ部分を構成する HTML、CSS、JavaScript をシェルと定義し、その中に入る動的なコンテンツ部分と構造的に分離して扱えるように設計されます。 アプリケーション シェル（App Shell）アーキテクチャは、ネイティブ アプリのように瞬時に、そして確実にユーザーの画面に読み込める Progressive Web App を構築する方法の 1 つです。 アプリの「シェル」とは、ユーザー インターフェースが機能するために必要な最小限の HTML、CSS、JavaScript です。これらをオフラインで使用できるようにキャッシュしておくことで、ユーザーが同じページに再アクセスした際に、瞬時に高いパフォーマンス が発揮されます。つまり App Shell は、ユーザーがアクセスするたびにネットワークからす
アメブロ2019: こえのブログでのPWA | CyberAgent Developers Blog
こえのブログは「声で書くブログ、声で聴くブログ、声で観るブログ」をコンセプトに書き手、読み手双方にバージョンアップしたブログを提供するアメブロの新機能です。 投稿者は端末に向かって喋るだけで、その音声が活字化されブログとして公開できます。閲覧者は活字化された文字を通常のブログと同じように読めるほか、音声を聴きながらでもコンテンツ消費できます。 モバイル端末、テレビ端末やスマートスピーカーなどの普及により、今後ますます増えると予想される利用形態に対して、それぞれに適した形でコンテンツを提供できるように挑戦しています。 この記事では、技術的な側面を中心にこえのブログを紹介します。 こえのブログは、文字でも音声でもコンテンツ消費できるのが特徴です。読者の方へのメッセージや質問に回答など利用法は様々です。龍玄としさんやクロちゃんさんなど著名人の方の声も聴けます。 できる限りサーバーにアクセスしない
となりのヤングジャンプにオフラインで読む機能（β）を追加しました。 - となりのヤングジャンプ 編集部ブログ
日頃より「となりのヤングジャンプ」をご愛読いただきありがとうございます。 となりのヤングジャンプに「オフラインで読む機能」をベータ版として、リリースいたしました。 ※「オフラインで読むβ」が出ない場合は、初回だけ画面の更新をお願いします Windows/Macではビューワの左下、Android/iOSではビューワの下の「オフラインで読むβ」を押すと、マンガをブラウザにキャッシュし、オフラインでもマンガを読むことができます。オンラインの時もキャッシュから読み出されるので、データ通信量の節約になります。 キャッシュの保存期間は最大１週間です。ただし、公開期間のある作品は公開が終了した時点で読むことができなくなります。ご了承ください。 オフラインで読む機能はiPhoneなどのSafariやAndroidのGoogleChromeなどInternet Explorerを除くブラウザで利用できます。
PWAの実装をしてみた - 技術探し
一年以上前の記事なので、コードが古いです。気をつけて読んでください。 PWAとは？ 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Workerないけどどうするの？ ネットワーク 実装 ライブラリ webpack-offline 構成 ファイル ルーティング アセットのインストール API周り SSR 資料 さいごに そういえばPWAの実装したことがなかったなと思ったので少し触ってみた。 PWAとは？ PWA(Progressive Web Apps) インストールが不要で、不安定なネットワークでも素早く起動し、プッシュ通知を可能にします。 また、ホーム画面にアイコンも表示でき、アプリと同様の扱いをすることが可能
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
