Google I/O で、昨年の I/O での発表以降、ベースラインがどのように進化しているかについてニュースを共有しました。ウェブ プラットフォーム ダッシュボード、RUM Archive との統合、RUMvision との今後の統合についても発表しました。この投稿では、講演で取り上げたすべてのリソースを 1 か所にまとめます。 ウェブ プラットフォーム ダッシュボードは、ウェブ プラットフォーム全体と個々の機能の相互運用性の過程を確認するための新しい方法です。これにより、ベースラインに含まれるようになります。詳細については、ウェブ プラットフォーム ダッシュボードの発表をご覧ください。 Baseline を日常的に使用するツールと統合することは、このプロジェクトのビジョンの一つでした。Google は、ユーザーがブラウザの互換性への対応について、あまり時間をかけて考える必要がないように
安定版ブラウザのリリース 2023 年 10 月に、Firefox 119、Safari 17.1、Chrome 118、Chrome 119 が安定版になりました。この投稿では、ウェブ プラットフォームへの影響について説明します。 Firefox 119 の JavaScript の機能 Firefox 119 では、JavaScript 配列のグループ化に Object.groupBy と Map.groupBy の静的メソッドが使用されています。
「same-site」と「same-origin」を理解する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 「same-site」と「same-origin」は頻繁に引用されますが、用語は誤解されがちです。たとえば、ページ遷移、fetch() リクエスト、Cookie、ポップアップを開く、埋め込みリソース、iframe のコンテキストで言及されています。 原点 「送信元」は、スキーム(HTTP や HTTPS などのプロトコルとも呼ばれます)、ホスト名、ポート(指定されている場合)を組み合わせたものです。たとえば、URL が https://www.example.com:443/foo の場合、「origin」は https://www.example.com:443 です。 「same-origin」と「cross-origin」 同じスキーム、ホス
Learn JavaScript のご紹介 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 本日は、web.dev に関する最新のコースをご紹介します。Learn JavaScript は、Mat Marquis が作成した新しいコースで、最新の JavaScript について詳しく説明しています。既存のコース、特に「HTML、CSS を学ぶ」の基礎コースと合わせてご利用ください。 web.dev の他のすべてのコースと同様に、コースを最初から最後まで学習する必要はありません。仕様をブラッシュアップするだけの参考資料としてご利用いただけます。 リンクする資料は、他の記事の背景情報としても使用します。 JavaScript の学習がお役に立てば幸いです。 特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用
3 月 12 日に「Interaction to Next Paint」がウェブに関する主な指標に コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 3 月 12 日より、「Interaction to Next Paint」が「Core Web Vitals」として正式に採用され、「First Input Delay」の代わりになります。 Web Vitals プログラムでは、ウェブ デベロッパーがウェブ上のユーザー エクスペリエンスの主要な側面を測定するための指標を提供しています。First Input Delay(FID)はプログラムの応答性の要素を示すものでしたが、時間の経過とともに、FID ではなかったウェブでのインタラクティビティの側面を捉えるには新しい指標が必要であることが次第に明らかになりました。Chrome チームはこのニーズを認識し、20
テストの学習へようこそ! コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このコースでは、ウェブ用のテストの概要と探索について説明します。 このコースで学習する内容は次のとおりです。 テストの基礎 自動テストと手動テスト テストを実施する場所と方法 ベスト プラクティス 何をテストすべきか、誰に責任があるのか、目的そのものとしてではなく、目的を達成するために手段をテストすることを検討する方法など、テストの理念。 このコースには、学習に役立つ簡潔で実用的なサンプルコードも含まれています。 コースのスコープには、Node.js などの環境で実行される、フロントエンドの JavaScript とドキュメント モデル、バックエンドでのライブラリ テストが含まれます。テストの経験はありませんが、JavaScript の基礎知識と Node.js などに関する経験が必
Photoshop のウェブへの移行 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Photoshop のような複雑なソフトウェアをブラウザ内で直接実行するという考えは、ほんの数年前には想像もつかなかったでしょう。しかし現在、Adobe では、さまざまな新しいウェブ テクノロジーを活用することで、Photoshop のベータ版をウェブに導入しています。 Chrome はこの 3 年間、ブラウザの限界を押し広げようとするウェブ アプリケーションの強化に取り組んできました。そうしたウェブ アプリケーションの 1 つに Photoshop があります。Photoshop のような複雑なソフトウェアをブラウザ内で直接実行するという考えは、ほんの数年前には想像もつかなかったでしょう。しかし現在、Adobe では、さまざまな新しいウェブ テクノロジーを活用することで
Dive into a fantastic collection of new patterns for amazing apps, including clipboard patterns, file patterns, and advanced app patterns. No matter what you build—be it a next generation video editing app, an addictive word game, or a future online social networking app—you will always find yourself in need of a few basic building blocks: The video editing app will probably allow the user to save
I'm excited to share many new web.dev patterns! These additions are from the show GUI Challenges where I share my strategies on how to build various components and common interface needs, then collect user submissions for the same tasks and help us all grow our perspectives on how to solve them. Turns out GUI Challenges fit nicely into patterns: <h1 split-by="word" word-animation="hover"> hover th
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
Interop 2022: browsers working together to improve the web for developers Stay organized with collections Save and categorize content based on your preferences. For the first time ever, all major browser vendors, and other stakeholders, have come together to solve the top browsers compatibility issues identified by web developers. Interop 2022 will improve the experience of developing for the web
"Same-site" and "same-origin" Stay organized with collections Save and categorize content based on your preferences. "Same-site" and "same-origin" are frequently cited but often misunderstood terms. For example, they're used in the context of page transitions, fetch() requests, cookies, opening popups, embedded resources, and iframes. This page explains what they are and how they're different from
Centering in CSS Stay organized with collections Save and categorize content based on your preferences. Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change. Centering in CSS is a notorious challenge, fraught with jokes and mockery. 2020 CSS is all grown up and now we can laugh at those jokes honestly, not through clenched teeth. If yo
Rakuten 24’s investment in PWA increases user retention by 450% Stay organized with collections Save and categorize content based on your preferences. Making their web app installable resulted in increased traffic, visitor retention, sales per customer, and conversions. Rakuten 24 is an online store provided by Rakuten, one of the largest e-commerce companies in Japan. It provides a wide selection
Ten modern layouts in one line of CSS Stay organized with collections Save and categorize content based on your preferences. This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts. Modern CSS layouts enable developers to write really meaningful and robust styling rules with just a few keystrokes. The talk above and this subseque
Web Animations API improvements in Chromium 84 Stay organized with collections Save and categorize content based on your preferences. Orchestrating animations with promises, performance improvements with replaceable animations, smoother animations with composite modes, and more. When used correctly, animations improve user perception and memory of your brand, guide user actions, and help users nav
Largest Contentful Paint (LCP) Stay organized with collections Save and categorize content based on your preferences. Historically, it's been a challenge for web developers to measure how quickly the main content of a web page loads and is visible to users. Older metrics like load or DOMContentLoaded don't work well because they don't necessarily correspond to what the user sees on their screen. A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く