How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile Stay organized with collections Save and categorize content based on your preferences. Back/forward cache (or bfcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience for users, especially for websites that involve many back and forth naviga
PWAs in app stores Stay organized with collections Save and categorize content based on your preferences. PWAs can be accessed through a web browser, but they can also be installed on a user's home screen as outlined in the articles in the section Provide an installable experience. One of the challenges with PWAs, however, is distributing them to app stores. This is where PWABuilder comes in. PWAB
Payment and address form best practices Stay organized with collections Save and categorize content based on your preferences. Maximize conversions by helping your users complete address and payment forms as quickly and easily as possible. Well-designed forms help users and increase conversion rates. One small fix can make a big difference! Here is an example of a simple payment form that demonstr
Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
Debug performance in the field Stay organized with collections Save and categorize content based on your preferences. Learn how to attribute your performance data with debug information to help you identify and fix real-user issues with analytics Google provides two categories of tools to measure and debug performance: Lab tools: Tools such as Lighthouse, where your page is loaded in a simulated e
Use HTTPS for local development Stay organized with collections Save and categorize content based on your preferences. Most of the time, http://localhost behaves like HTTPS for development purposes. However, there are some special cases, such as custom hostnames or using secure cookies across browsers, where you need to explicitly set up your development site to behave like HTTPS to accurately rep
Make your PWA feel more like an app Stay organized with collections Save and categorize content based on your preferences. Make your Progressive Web App not feel like a website, but like a "real" app When you play Progressive Web App buzzword bingo, it is a safe bet to set on "PWAs are just websites". Microsoft's PWA documentation agrees, we say it on this very site, and even PWA nominators France
Service Worker のライフサイクル コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Service Worker のライフサイクルは最も複雑な部分です。攻撃者の目的やメリットがわからなければ、戦いのように感じられます。しかし、その仕組みを理解すれば、ウェブ パターンとネイティブ パターンの長所を組み合わせた、シームレスで目立たないアップデートをユーザーに届けることができます。 ここでは深く掘り下げますが、知っておくべきことの大半は、各セクションの冒頭の箇条書きに記載されています。 インテント ライフサイクルの目的は次のとおりです。 オフライン ファーストを可能にする。 現在の Service Worker を中断することなく、新しい Service Worker が準備を完了できるようにします。 全体を通して、スコープ内のページが同じ Serv
独自のアプリ内インストール エクスペリエンスを提供する方法 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 多くのブラウザでは、ユーザー インターフェース内でプログレッシブ ウェブアプリ（PWA）のインストールを有効にして宣伝できます。インストール（旧称「ホーム画面に追加」とも呼ばれる）では、 モバイルまたはデスクトップ デバイスで PWA を作成できます。PWA をインストールすると、ユーザーのラウンダーに追加され、他のインストール済みアプリと同様に実行できるようになります。 ブラウザが提供するインストール エクスペリエンスのほか、 アプリ内で直接独自のカスタム インストール フローを提供できます。 Spotify PWA に表示される [アプリをインストール] ボタン。 インストールを促進するかどうかを検討する際は、ユーザーが通常どのように おすすめし
対応ブラウザ <ph type="x-smartling-placeholder"></ph> 39 <ph type="x-smartling-placeholder"></ph> 79 <ph type="x-smartling-placeholder"></ph> × <ph type="x-smartling-placeholder"></ph> 17 ソース ウェブアプリ マニフェストは、ブラウザに対してリクエスト方法を プログレッシブ ウェブアプリ（PWA）は、ユーザーのデスクトップまたは 接続します一般的なマニフェスト ファイルには少なくとも次のものが含まれます。 アプリの名前 アプリで使用するアイコン アプリの起動時に開く必要がある URL マニフェスト ファイルを作成する マニフェスト ファイルには任意の名前を付けることができますが、通常は manifest.json と
没入型の全画面ウェブサイトを簡単に作成し ですが、ウェブ上のあらゆるコンテンツと同様に、方法はいくつかあります。 「インストールされたブラウザ」をサポートするブラウザが増えているため、これは特に重要です。 クリックします。全画面表示にできます アプリまたはサイトを全画面表示にする ユーザーまたはデベロッパーがウェブアプリを全画面表示にする方法はいくつかあります。 ユーザー操作に応じてブラウザに全画面表示するようリクエストします。 ホーム画面にアプリをインストールします。 偽装: アドレスバーを自動的に非表示にする。 ユーザー操作に応じてブラウザに全画面表示するようリクエストする すべてのプラットフォームが同じというわけではありません。 iOS Safari には全画面 API がありませんが、Android の Chrome では全画面 API が用意されています。 Firefox、IE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
