Debugging Service Workers
Stay organized with collections Save and categorize content based on your preferences. 1. Welcome In this lab, you'll take an existing web application and make it work offline. This is the first in a series of companion codelabs for the Progressive Web App workshop. There are seven more codelabs in this series. What you'll learn Write a Service Worker by hand Add a Service Worker to an existing we
Lighthouse の概要 | Chrome for Developers
Lighthouse は、ウェブページの品質を改善するためのオープンソースの自動化ツールです。公開されているウェブページでも、認証が必要なウェブページでも実行できます。パフォーマンス、ユーザー補助、プログレッシブ ウェブアプリ、SEO などの監査を行うことができます。 Lighthouse は、Chrome DevTools、コマンドライン、または Node モジュールとして実行できます。Lighthouse に監査する URL を指定すると、ページに対して一連の監査が実行され、ページのパフォーマンスに関するレポートが生成されます。不合格となった監査は、ページを改善するための指標として使用します。各監査には、監査が重要な理由と修正方法を説明する参照が含まれています。 Lighthouse CI を使用して、サイトの回帰を防ぐこともできます。 使ってみる 最適な Lighthouse ワーク
SPA + SSR + PWA の作り方とセキュリティについて - hiroppy's site
<script nonce="xxxxx" id="initial-data" type="text/plain" data-json="${preloadedState}" ></script> このpreloadedStateはエスケープ処理が必要なので注意してください。 クライアント側の読み込み方 const initialData = JSON.parse( document.getElementById("initial-data")!.getAttribute("data-json")!, ); const { store } = configureStore(initialData); https://github.com/hiroppy/ssr-sample/blob/master/src/client/index.tsx#L21-L22 useEffect SSR では、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
