ウェブ プラットフォーム ダッシュボードと、その HTTP API をクエリしてベースラインに達した機能に関するデータを取得し、開発ワークフローのツールを構築する方法について学びます。

• ベースライン
• JavaScript

Core Web Vitals の重要性が増すなか、サイト所有者とデベロッパーはパフォーマンスと主要なユーザー エクスペリエンスにますます注目しています。Google はページの評価、最適化、モニタリングに役立つツールを数多く提供していますが、データのソースとその効果的な使用方法について、ユーザーが混乱することがよくあります。このガイドでは、複数のツールを組み合わせたワークフローを提案し、開発プロセスにおける各ツールがどのような意味を持つのかを明確化します。

2025 年 2 月のベースラインに関するさまざまな出来事についての記事

• ベースライン 2025
• ブログ

ruby-align がベースラインの一部になりました

• ベースライン 2024
• ブログ
• HTML

公開日: 2025 年 2 月 20 日 大規模な AI モデルを確実にダウンロードすることは、困難なタスクです。ユーザーがインターネット接続を失ったり、ウェブサイトまたはウェブ アプリケーションを閉じたりすると、ダウンロードが完了していないモデルファイルが失われ、ページに戻ったときに最初からやり直す必要があります。 Background Fetch API を段階的な拡張として使用することで、ユーザー エクスペリエンスを大幅に改善できます。 Browser Support Source

• AI と機械学習
• JavaScript

rel=prefetch リソースヒントとその使用方法について学習します。

• JavaScript
• HTML

Cumulative Layout Shift（CLS）は、ページ コンテンツが急激に変化した頻度を定量化する指標です。このガイドでは、ディメンションや動的コンテンツのない画像や iframe など、CLS の一般的な原因の最適化について説明します。

• CSS
• HTML

レイアウト シフトを特定して修正する方法を学習します。

• JavaScript

CSS scrollbar-color と scrollbar-gutter がすべての主要なブラウザ エンジンに実装されたため、ベースラインで新たに使用できるようになりました。

• ベースライン 2024
• ブログ
• CSS

WasmFS と Emscripten の mimalloc 機能は、割り当てと I/O のパフォーマンスに大きな効果があります。このガイドでは、これらの機能によって、場合によっては 10 倍以上の速度向上を実現する方法について説明します。

ベースライン マンスリー ダイジェストは、Google とウェブ デベロッパー コミュニティの両方で 2025 年 1 月にベースラインで発生した出来事について取り上げています。

• ベースライン 2025
• ブログ

WebAssembly ガベージ コレクションと Wasm テールコールの最適化がすべての主要なブラウザ エンジンに導入され、ベースラインとして新たに利用可能になりました。

• ベースライン 2025
• ブログ
• C

この投稿では Largest Contentful Paint（LCP）指標を紹介し、その測定方法について説明します

• JavaScript

Promise.try がすべての主要なブラウザ エンジンに導入され、ベースラインで新たに利用可能になりました。

• ベースライン 2025
• ブログ
• JavaScript

簡単な説明

• JavaScript

公開日: 2024 年 1 月 13 日 これは、LLM と chatbot に関する 3 部構成のシリーズの第 1 部です。 WebLLM を使用したチャットボットの構築 に関するパート 2 と、 Prompt API の使用 に関するパート 3 はすでに公開されています。 大規模言語モデル（LLM）は、ソフトウェア開発の重要な構成要素になりつつあります。LLM は、自然言語テキストの生成と処理に適しており、データ抽出、要約、ユーザーデータとのやり取りの促進などのユースケースを実現できます。

• AI と機械学習

公開日: 2024 年 1 月 13 日 AI では、従来の ML モデルや新しい大規模言語モデル（LLM）を使用して、さまざまなプロジェクトを構築できます。LLM を使用すると、コンピュータは新しいコンテンツの生成、要約の作成、テキストの感情分析など、さまざまなことができます。この数年間、ユーザーは Gemini や ChatGPT などのアプリケーションを利用する機会がありました。これらのアプリケーションは、高度な自然言語処理（NLP）を使用してユーザーとの会話を行います。 Google

• AI と機械学習
• ブログ

「メインスレッドをブロックせず、長いタスクを分割する」と言われましたが、そのようなことをするとはどういう意味でしょうか？

• JavaScript

ウェブ決済を使用した支払い取引は、決済アプリを見つけることから始まります。お支払い方法を設定し、販売者とユーザーが支払いを行えるよう決済アプリを準備する方法について説明します。

• JavaScript

CSS マスキングでは、画像をマスクレイヤとして使用できます。つまり、画像、SVG、グラデーションをマスクとして使用して、画像エディタを使わずに面白い効果を作り出すことができます。

• CSS

web-features データセット、ウェブ プラットフォーム ステータス ダッシュボード、ベースライン ステータス ウィジェットなど。2024 年のベースラインを振り返ります。

• ブログ

この記事では、遅延読み込みと、動画の遅延読み込みに使用できるオプションについて説明します。

• JavaScript
• HTML

モジュールのプリロードを使用すると、JavaScript モジュールを事前に宣言的に読み込むことができます。

• HTML

ユーザー エクスペリエンスを最適化するには、ユーザーがフォームをどのように操作しているかを把握することが重要です。このプロセスにおいて、ブラウザの自動入力は重要な役割を果たします。ユーザーがフォームで自動入力を使用する方法に関するデータを収集して分析する方法について学びます。

• JavaScript

有害なコンテンツの検出は、ユーザーを保護し、より安全なオンライン環境を構築します。パート 2 では、有害性を検出して軽減するクライアントサイドの AI ツールを作成する方法について学習します。

• AI と機械学習
• JavaScript

この投稿では、合計ブロック時間（TBT）指標とその測定方法について説明します。

LCP の内訳と、改善が必要な重要分野を特定するための手順ガイドです。

• HTML
• JavaScript

サイトの健全性を示す基本的な指標

• JavaScript

ウェブのパフォーマンスを最適化し、Core Web Vitals を改善するための最善の方法として Chrome が特定したベスト プラクティスのコレクション

実際の環境とラボ環境の両方でサイトの Web Vitals を測定する方法を学びます。