デスクトップPWA使ってみた｜いすづみ
Google Chrome 70安定版がリリースされ、これまでモバイルの世界だけのものだったPWAが、デスクトップの世界にもやってきました。（Windowsのみ） ということで、早速デスクトップPWAを使ってみました。 まず、PWAに対応したサイトへ行くと、「Chromeの設定」のドロップダウンメニューに「（サイト名）をインストールしています…」という表示が出ます。 これをクリックすると、スマホと同じように「アプリをインストールしますか？」という表示が出ます。 これをインストールすると、以下のようにサイトがポップアップしてきました。 上部のApp MenuにはChrome拡張のアイコンや「Chromeで開く」「（サイト名）をアンインストール」といったメニューが並んでいました。 面白かったのが、デスクトップに追加されたショートカットアイコンです。 下記画像のリンク先の部分、つまりChrome
Progressive Web Appsの振り返りとこれから | gihyo.jp
Progressive Web Apps（以下、PWA）は2018年ごろからホーム画面へのインストール機能やキャッシュ戦略等の技術視点でエンジニアの間で話題に挙がるようになりました。現在ではWebパフォーマンス、ユーザビリティ向上、PoC（実証実験）といったビジネス視点でも注目されており、多くのWeb実装にPWAが取り入れられています。 今回の記事では、国内のPWAの動向を振り返り、改めてPWA開発のスタンダードとこれからのPWAについてまとめます。 日本国内でのPWAの動向 2015年にPWAという名称が生まれ、Google Chromeを始めとした各ブラウザが順次PWAに対応していきます。2018年にiOSのSafariがService Workerに対応したことををきっかけに国内でもPWAが注目され始めました。筆者もその頃からPWAに興味を持ち、2019年2月に立ち上がったTechコ
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ページを開く
