検証ツールとは、Googleが提供するウェブ開発者向けのツールセットです。Chromブラウザで、Bubbleを立ち上げ、Preview画面で右クリックをすると、検証タブを表示できます。検証タブから検証ツールを開くことができます。検証ツールを使ってできることGoogle検証ツールを使うことで、以下ができます。ウェブサイトのHTMLやCSSのソースコードの確認ウェブサイトのパフォーマンスの最適化ウェブサイトのデバッグ、検証ネットワークのモニタリング具体的な使い方ネットワークタブの使い方Chromeの検証ツールを開いてからNetworkをクリックします。Networkでは、ページの読み込み状況やどれくらい容量や時間を消費しているかを確認することができます。ファイルをサイズ順に並び替えることで、何が容量を消費しているか確認できます。サイズと同様に、時間順に並び替えると、何が時間を消費しているか確認できます。Waterfallをクリックすると、サーバーにリクエストを送ってからページの読み込みが完了するまでの流れを確認することができます。次に、AllとFetch/XHRについて説明します。Allを選択すると、Bubbleのページ内で行われた全ての通信のログを確認することができます。各ファイルを選択すると、以下のネットワークリクエストの情報を確認できます。URLメソッドステータスコードレスポンスサイズリクエスト完了までにかかった時間Fetch/XHRタブを選択すると、ネットワークリクエストの情報のみを表示できます。XHRは、XMLHttpRequestを略したものです。XHRは、サーバとのHTTP通信をするためのAPIおよびオブジェクトです。XHRと同じく、FetchもサーバーとのHTTP通信をするためのAPIおよびオブジェクトとなります。ハンズオン-このデータは公開されていますGoogle検証ツールを使うと、以下のデータが確認できることに注意しましょう。アプリ名プライバシールール全てのページ名スタイルプラグイン言語とバージョン情報それぞれについて、検証ツールで確認できることが分かります。