本文へ移動
cccskills

「audit」の検索結果

5,926 件 ・ 関連度順

概要と使いどころ

mixed-content

無料日本語概要

HTTPSページに紛れたHTTPの画像やスクリプトを調べ、混在コンテンツを修正します。URLの置き換えとセキュリティヘッダーの設定を確認するスキルです。

  • HTTPSページの混在コンテンツ点検
  • HTTPS移行後のリソースURL確認
  • 古い記事に残るHTTP参照の修正
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

interaction-to-next-paint

無料日本語概要

クリックなどの操作から画面が更新されるまでの遅れを測り、反応が鈍い原因を調べます。測定結果を基に、イベント処理や重い計算の見直しを支援します。

  • クリックなどへの反応の遅さを調べたいとき
  • 測定に基づくイベント処理と長時間処理の見直し
  • 重い計算のweb workers移行を検討したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

gtm-present

無料日本語概要

Google Tag Managerがページの表示速度に与える影響を実測し、不要なタグやトリガー、読み込み方法を点検して改善案を示すスキル。

  • GTM導入ページの遅さを調べたいとき
  • 不要なタグやトリガーの見直し
  • 非同期読み込みの確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

heading-hierarchy

無料日本語概要

Webページの見出しを点検し、階層の飛びや内容に合わない見出しを洗い出します。画面読み上げでページ構成をたどりやすいよう、HTMLの構造を整えます。

  • ページの見出し階層を点検したいとき
  • 画面読み上げでの移動しやすさ改善
  • デザインシステムの見出し確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

image-optimization

無料日本語概要

Webページの画像形式・容量・表示サイズ・読み込み方法を点検し、修正を支援します。画面幅に応じた画像の出し分けや、読み込み時のレイアウトずれも扱います。

  • 表示が遅いページの画像容量・形式点検
  • モバイルとPCで画像サイズを出し分け
  • 画像読み込み時の表示ずれを防ぎたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

html-resource-hints

無料日本語概要

HTMLで読み込みの遅い重要リソースを見つけ、フォントや画像の先読み、外部ドメインへの事前接続を見直すスキル。ブラウザに届くマークアップまで確認します。

  • 重要なフォントや画像の先読み確認
  • 外部ドメインへの事前接続の確認
  • 出力されたHTMLのヒント監査
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

http2

無料日本語概要

ページの読み込みが遅い原因を測定し、HTTP/2・HTTP/3の利用状況を確認します。通信上の問題に応じて、WebサーバーやCDNの設定変更を案内します。

  • ページの読み込み遅延の調査
  • リソース配信のHTTP方式の確認
  • WebサーバーやCDNの設定見直し
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

improve-rule

無料日本語概要

Front-End Checklistのルール文書を採点基準に沿って点検し、曖昧なAI向け指示や不足項目を、具体的な手順とコード例で補うスキル。

  • 未完成のチェックリストルールの拡充
  • AI向け確認・修正指示の具体化
  • PR前のルール構造と品質の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

html-xml-lang-mismatch

無料日本語概要

ページの言語を示すlangとxml:langの不一致を点検します。XHTMLと通常のHTML5の違いを踏まえ、読み上げやXML処理で使われる言語指定の修正を支援します。

  • XHTMLの言語属性を点検したいとき
  • HTML5の不要なxml:langの整理
  • 読み上げの発音がおかしいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

duplicate-js

無料日本語概要

Webページで重複して読み込まれるJavaScriptライブラリを調べ、実測で影響を確かめながら、依存関係の統一や不要な読み込みの削除を進めるスキル。

  • ページ表示の遅さを調べたいとき
  • 依存ライブラリの重複調査
  • 外部スクリプトの依存関係確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

external-links

無料日本語概要

記事の事実や統計を裏付ける外部リンクを点検し、公的資料や公式文書などの出典追加と、有料・広告リンクを含むリンク属性の適切な設定を支援するスキル。

  • 出典のない事実や統計を探したいとき
  • 公的資料や研究への参照を加えたいとき
  • 外部リンクの安全性に関わる属性の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

focus-order

無料日本語概要

キーボードのTab操作で移る順番が画面の並びと合っているかを点検し、HTMLの要素順やダイアログ開閉時のフォーカス移動の修正を支援するスキル。

  • ページのTab移動順の点検
  • ダイアログ開閉時のフォーカス確認
  • HTMLの要素順とtabindexの見直し
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

font-loading

無料日本語概要

Webフォントの読み込みを点検し、文字が見えない時間や表示のずれを調べます。実測に基づき、代替フォントの表示、重要フォントの先読み、形式の見直しを支援します。

  • 読み込み中に文字が見えない原因の調査
  • フォントによる表示のずれの点検
  • 代替フォント表示と先読みを設定したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

disclaimers

無料日本語概要

医療・金融・法律・安全に関する記事の免責文と、アフィリエイトの広告開示を点検し、内容に合った文案や読者が見つけやすい配置を提案するスキル。

  • 医療・金融記事の免責文を見直したいとき
  • アフィリエイトの広告開示の確認
  • 免責文の見やすさや配置の改善
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

dom-size

無料日本語概要

Webページを構成するHTML要素の数や入れ子の深さを測定し、不要な囲み要素の削除や長い一覧の表示方式の見直しを通じて、描画負荷の軽減を支援するスキル。

  • ページの描画や操作が遅い原因を調べたいとき
  • HTML要素数と入れ子の深さを測りたいとき
  • 不要な囲み要素を整理したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

canonical-header

無料日本語概要

HTMLのcanonicalタグとHTTPのLinkヘッダーが示す正規URLを比較し、検索エンジンに矛盾した情報を送るページやテンプレートを特定するスキル。

  • HTMLとHTTPの正規URL宣言の比較
  • 正規URLの指定が矛盾する原因調査
  • ルートやテンプレート別の出力点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

broken-html

無料日本語概要

閉じ忘れたタグや誤った入れ子など、HTML構造の不備を点検・修正します。実際のHTMLとHTTP応答を確認し、表示や検索エンジンの読み取りに影響する問題を探します。

  • タグの閉じ忘れや入れ子の点検
  • HTMLに起因する表示崩れの調査
  • 検索エンジン向けのHTML構造確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

broken-external-links

無料日本語概要

ページ内の外部リンクを点検し、404などのエラーや期限切れドメインを確認して、正しいURLへの更新や削除が必要なリンクと該当ページを特定するスキル。

  • 古い記事の参考リンクを点検したいとき
  • 外部リンク切れの更新・削除
  • 期限切れや転用されたドメインの確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

compression

無料日本語概要

HTML・JS・CSSの配信時の圧縮状態を確認し、実測した読み込みの問題に基づいて、サーバーやCDNでのGzip・Brotli設定を見直すスキル。

  • モバイル回線での表示遅延を調べたいとき
  • テキスト資源の圧縮ヘッダーを確認
  • サーバーやCDNの圧縮設定を見直す
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

cross-origin-isolation

無料日本語概要

SharedArrayBufferなどに必要なクロスオリジン分離を点検。セキュリティヘッダーと外部リソースの互換性を調べ、ブラウザーでの成立を確認するスキル。

  • SharedArrayBufferの利用要件確認
  • COEP導入前の外部リソース調査
  • ポップアップや埋め込みへの影響確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

broken-links

無料日本語概要

サイト内のリンク切れを調べ、404やサーバーエラーになるリンクの修正を支援します。実際のページとHTTP応答を確認し、検索エンジンの巡回への影響も説明します。

  • ページ移動・削除後にリンクを点検したいとき
  • メニューや本文のリンク切れを探したいとき
  • リンク切れの検索巡回への影響を調べたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

critical-request-chains

無料日本語概要

ページの初期表示を遅らせるリソース取得の依存関係を計測し、重要なCSSの埋め込みや必須ファイルの先読みで、通信の待ちが連鎖する構造を見直すスキル。

  • ページの初期表示が遅いとき
  • リソース取得の依存関係の点検
  • 重要CSSの埋め込みや先読みの検討
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

canonical-url

無料日本語概要

各ページのcanonicalタグを確認し、URLの表記違いやパラメータで重複するページについて、検索エンジンに伝える正規URLの設定を整えるスキル。

  • 各ページのcanonicalタグの点検
  • パラメータやドメイン表記による重複URLの確認
  • 正規URLを追加・修正したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

cumulative-layout-shift

無料日本語概要

読み込み中に画像や広告でページの配置がずれる原因を測定し、表示領域の確保やフォント・アニメーションの見直しで、誤クリックや読書の中断を減らす改善を支援します。

  • 読み込み中に内容が動く原因を調べたいとき
  • 画像・埋め込み・広告の表示領域を確保
  • フォントやアニメーションの安定性確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新