本文へ移動
cccskills

「テスト」の検索結果

1.3万 件 ・ 関連度順

概要と使いどころ

performance-budget

無料日本語概要

配信ファイルの容量や表示速度に基準値を設け、変更による性能低下をCIで検出します。容量と実行時の性能を分けて点検し、基準超過時のチェック失敗や公開後の監視を整えます。

  • CIの性能基準を点検したいとき
  • 依存ライブラリや素材追加時のレビュー
  • 容量と表示性能の基準を設けたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

Use when auditing slow page loads, heavy assets, or rendering delays related to Use resource hints for faster loading. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

nosnippet

無料

Use when auditing robots meta tags. Applies to any important landing page, article, or product page that should appear with a description in search results.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

referrer-policy

無料日本語概要

外部サイトへのアクセスでURL内の機密情報が送られないよう、Referrer-Policyの設定を点検し、ページの性質に合う値と修正方法を示します。

  • パスワード再設定ページの情報漏えい点検
  • サーバーやCDNの応答ヘッダー確認
  • 機密URLに適したポリシーの比較
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

leaked-secrets

無料日本語概要

ページのHTMLやJavaScript、Git履歴にAPIキーやパスワードが露出していないか点検し、漏えいした認証情報の更新と再発防止の対応を整理します。

  • ブラウザー側のAPIキー露出点検
  • Gitに記録された認証情報の調査
  • 秘密情報を使う処理のサーバー移行
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

meta-refresh

無料日本語概要

HTMLの自動転送設定を点検し、突然のページ更新や移動による読み上げの中断を防ぐ修正を提案します。サーバー側の転送や利用者が選べるリンクへの置き換えを扱います。

  • HTMLの自動転送を探したいとき
  • サーバー側の転送に置き換えたいとき
  • 読み上げ利用時のページ移動の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

list-structure

無料日本語概要

HTMLの箇条書きや番号付きリストの親子構造を点検し、不適切な要素や入れ子を修正して、スクリーンリーダーが項目数や現在位置を正しく伝えられるようにするスキル。

  • HTMLのリスト構造を点検したいとき
  • 入れ子のリストを修正したいとき
  • 読み上げ時の案内を確認したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

Use when auditing slow page loads, heavy assets, or rendering delays related to Avoid JavaScript-based redirects. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

link-checker

無料日本語概要

ブラウザに表示されるHTMLを基準に、内部・外部リンクやページ内リンクの不備を点検します。404や意図しない転送を見つけ、修正と継続的な監視の導入を支援します。

  • ドキュメントやECサイトのリンク点検
  • 共通部品が出力するリンクのレビュー
  • CI/CDへのリンク自動チェック導入
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

new-tab

無料日本語概要

HTMLやJSXで新しいタブを開くリンクを点検し、rel属性の不足を修正します。元のタブへの不正な操作を防ぐ仕組みや、参照元情報の扱いも説明します。

  • 新しいタブで開くリンクの点検
  • JSXのrel属性漏れを修正したいとき
  • noopenerとnoreferrerの理解
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize largest contentful paint. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

link-in-text-block

無料日本語概要

本文中のリンクが色だけに頼らず見分けられるかを点検します。下線、文字色のコントラスト、ホバーやフォーカス時の表示を確認し、CSSの修正案を示します。

  • 本文リンクの下線を外す際の確認
  • リンクと本文のコントラスト確認
  • ホバーやフォーカス表示の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

label-content-name-mismatch

無料日本語概要

ボタンやリンクの表示文字と支援技術が使う名前を照合し、音声操作で見たとおりの名前を指定できるよう、ARIA属性の修正と確認方法を案内するスキル。

  • ボタンの表示文字と名前を照合したいとき
  • 音声操作しにくいリンクの点検
  • アクセシビリティツールで修正を確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

Use when auditing HTML document structure. Applies to any page where meta tags (noindex, canonical-url, description, viewport, OG tags) may have been injected into the body by CMS plugins, widgets, or JavaScript rendering.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

Use when auditing page metadata or generating SEO-optimized titles. Applies to every HTML page that should appear in search results.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

landmark-one-main

無料日本語概要

ページの主要コンテンツを示すmain領域が一つだけあるかを確認し、重複や欠落を指摘して、スクリーンリーダー利用時の移動先を明確にするスキル。

  • ページひな型のmain領域を確認
  • 組み合わせたレイアウトのmain重複を修正
  • スクリーンリーダーで本文への移動を確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

lowercase

無料

Use when auditing URL structure or configuring a new site's routing. Applies to any server or framework that allows case-insensitive file systems (Linux servers are case-sensitive by default).

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

Use when reviewing CI coverage, automated checks, or test strategy related to Test on real mobile devices and viewports. Focus on whether the rule is continuously verified, not just documented.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

mixed-content

無料日本語概要

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

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

Use when auditing internal link structure or reviewing link attributes. Applies to any site using rel=nofollow on links pointing to pages within the same domain.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

form-captcha

無料日本語概要

ログインせずに開ける公開フォームのボット対策を点検し、CAPTCHAの導入、サーバー側のトークン検証、送信回数制限の追加を支援します。

  • 問い合わせフォームの迷惑送信対策
  • 会員登録やログインのボット対策
  • CAPTCHAのサーバー側検証の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

form-field-multiple-labels

無料日本語概要

フォームの入力欄に複数のラベルが結び付いていないかを点検し、読み上げの重複や混乱を防ぐため、ラベルの統合とaria-labelledbyの使い分けを示すスキル。

  • 入力欄の重複ラベルを探したいとき
  • 複数の文章を入力欄の名前に使いたいとき
  • 読み上げによるフォームラベルの確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

Use when applies to XHTML documents and polyglot HTML documents that must parse correctly as both HTML5 and XML. For modern HTML5-only documents, only `lang` is needed and `xml:lang` is not required. Check when auditing documents served as application/xhtml+xml or documents that include both attributes.

日本語の概要は準備中です。原文の説明を表示しています。

thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

https

無料日本語概要

サイト全体が有効な証明書でHTTPS配信されているかを点検し、HTTPからの転送や内部リンク、読み込む素材のURLを含めた設定の修正を支援します。

  • サイト全体のHTTPS対応の点検
  • 証明書の期限と対応ホスト名の確認
  • HTTPからHTTPSへの恒久転送の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新