テストの学習へようこそ！ | web.dev
テストの学習へようこそ！ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このコースでは、ウェブ用のテストの概要と探索について説明します。 このコースで学習する内容は次のとおりです。 テストの基礎 自動テストと手動テスト テストを実施する場所と方法 ベスト プラクティス 何をテストすべきか、誰に責任があるのか、目的そのものとしてではなく、目的を達成するために手段をテストすることを検討する方法など、テストの理念。 このコースには、学習に役立つ簡潔で実用的なサンプルコードも含まれています。 コースのスコープには、Node.js などの環境で実行される、フロントエンドの JavaScript とドキュメント モデル、バックエンドでのライブラリ テストが含まれます。テストの経験はありませんが、JavaScript の基礎知識と Node.js などに関する経験が必
これまで誰もリンクしたことがない場所に大胆なリンクをする: テキスト フラグメント | Articles | web.dev
これまで誰もリンクしたことがない場所に大胆なリンクをする: テキスト フラグメント コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 テキスト フラグメントを使用すると、URL フラグメント内でテキスト スニペットを指定できます。ブラウザでは、このようなテキスト フラグメントを含む URL に移動する際に、その URL を強調してユーザーの注意を引くことができます。 フラグメント識別子 Chrome 80 は重要なリリースでした。これには、ウェブワーカーの ECMAScript モジュール、null のような結合、オプション チェーンなど、期待が高まっている機能が多数含まれていました。このリリースは、Chromium ブログのブログ投稿で通常どおりに発表されました。以下のスクリーンショットは、このブログ投稿の抜粋です。 id 属性を持つ要素を赤いボックスで囲
Defining the Core Web Vitals metrics thresholds | Articles | web.dev
Additionally, to classify the overall performance of a page or site, we use the 75th percentile value of all page views to that page or site. In other words, if at least 75 percent of page views to a site meet the "good" threshold, the site is classified as having "good" performance for that metric. Conversely, if at least 25 percent of page views meet the "poor" threshold, the site is classified
Use HTTPS for local development | Articles | web.dev
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
Sign-in form best practices | Articles | web.dev
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.
Web Vitals | Articles | web.dev
Web Vitals Stay organized with collections Save and categorize content based on your preferences. Web Vitals is a Google initiative to provide unified guidance for web page quality signals that are essential to delivering a great user experience on the web. It aims to simplify the wide variety of available performance-measuring tools, and help site owners focus on the metrics that matter most, the
Next-generation web styling | Blog | web.dev
Next-generation web styling Stay organized with collections Save and categorize content based on your preferences. There are a ton of exciting things happening in CSS right now—and many of them are already supported in today's browsers! Our talk at CDS 2019, which you can watch below, covers several new and upcoming features we thought should get some attention. This post focuses on the features y
SameSite cookie recipes | Articles | web.dev
SameSite cookie recipes Stay organized with collections Save and categorize content based on your preferences. Chrome, Firefox, Edge, and others are changing their default behavior in line with the IETF proposal, Incrementally Better Cookies so that: Cookies without a SameSite attribute are treated as SameSite=Lax, meaning the default behavior is to restrict cookies to first party contexts only. C
Browser-level image lazy loading for the web | Articles | web.dev
Browser-level image lazy loading for the web Stay organized with collections Save and categorize content based on your preferences. You can use the loading attribute to lazy-load images without the need to write custom lazy-loading code or use a separate JavaScript library. Here's a demo of the feature: Lazy-loaded images load as the user scrolls through the page. This page walks through the detai
Going beyond images with basic video for the web | Articles | web.dev
Going beyond images with basic video for the web Stay organized with collections Save and categorize content based on your preferences. Are you thinking about adding video to your website? As devices and network connections have become faster and more powerful, you can move beyond images and add video to your toolchest of techniques to build the web. Research shows that websites with video lead to
Largest Contentful Paint (LCP) | Articles | web.dev
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
SameSite cookies explained | Articles | web.dev
SameSite cookies explained Stay organized with collections Save and categorize content based on your preferences. Every cookie contains a key-value pair along with a number of attributes that control when and where that cookie is used. The introduction of the SameSite attribute (defined in RFC6265bis) lets you declare whether your cookie is restricted to a first-party or same-site context. It's he
Rendering on the Web | Articles | web.dev
Rendering on the Web Stay organized with collections Save and categorize content based on your preferences. One of the core decisions web developers must make is where to implement logic and rendering in their application. This can be difficult because there are so maby ways to build a website. Our understanding of this space is informed by our work in Chrome talking to large sites over the past f
レンダリング パフォーマンス | Articles | web.dev
レンダリング パフォーマンス コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 今日のウェブのユーザーは、アクセスするページがインタラクティブでスムーズであることを期待しているため、この点に時間と労力を集中させる必要があります。ページの読み込みは速いだけでなく、ライフサイクル全体を通じてユーザー入力にすばやく応答できることも求められます。ユーザー エクスペリエンスのこの側面は、Interaction to Next Paint（INP）指標が正確に測定したものです。適切な INP は、ページがユーザーのニーズに対して一貫して確実に応答していることを意味します。 ページを軽快に感じられるようにするための重要な要素は、ユーザーの操作に応じて実行する JavaScript の量に関係しますが、ユーザーが期待するのは、ユーザー インターフェースの視覚的な変化です。ユ
Home | web.dev
Stay organized with collections Save and categorize content based on your preferences. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
WebAssembly Threads ready to try in Chrome 70 | Articles | web.dev
WebAssembly Threads ready to try in Chrome 70 Stay organized with collections Save and categorize content based on your preferences. WebAssembly (Wasm) enables compilation of code written in C++ and other languages to run on the web. One very useful feature of native applications is the ability to use threads - a primitive for parallel computation. Most C and C++ developers would be familiar with
OffscreenCanvas—speed up your canvas operations with a web worker | Articles | web.dev
OffscreenCanvas—speed up your canvas operations with a web worker Stay organized with collections Save and categorize content based on your preferences. Canvas is a popular way of drawing all kinds of graphics on the screen and an entry point to the world of WebGL. It can be used to draw shapes, images, run animations, or even display and process video content. It is often used to create beautiful
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn Performance | web.dev
React | web.dev
Payment Request API integration guide | Web Fundamentals - Google Developers