本文へ移動
cccskills

「テスト」の検索結果

1.4万 件 ・ 関連度順

概要と使いどころ

http-to-https

無料日本語概要

HTTPで開いたサイトがHTTPSへ正しく転送されるかを点検します。301応答とパス・クエリの保持を確認し、サーバーやCDNの転送設定の修正を支援します。

  • サイト公開前に転送を確認したいとき
  • 転送時のパスやクエリを確認したいとき
  • サーバーの転送とHSTS設定の見直し
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

image-redundant-alt

無料日本語概要

画像の代替テキストに含まれる「画像」「写真」などの冗長な表現や周辺文章との重複を点検し、スクリーンリーダーで意味が伝わる簡潔な説明へ修正するスキル。

  • 画像の代替テキストを点検したいとき
  • キャプションとの重複を減らしたいとき
  • 修正後の読み上げを確認したいとき
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日 更新

form-captcha

無料日本語概要

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

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

form-https

無料日本語概要

HTMLフォームやJavaScriptの送信先を点検し、HTTP通信による情報漏えいを防ぐために、送信先URLとページのHTTPS設定を見直すスキル。

  • ログインフォームの送信先を確認したいとき
  • fetchやXHRの接続先を点検したいとき
  • action省略フォームの確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

form-field-multiple-labels

無料日本語概要

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

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

https

無料日本語概要

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

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

duplicate-id-active

無料日本語概要

リンクやボタン、入力欄のID重複を調べ、修正箇所と確認方法を示します。キーボード操作やスクリーンリーダーでの移動、フォーカスへの影響も点検します。

  • フォームのID重複を確認したいとき
  • 意図しないフォーカス移動の調査
  • 共通の操作部品のレビュー
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

flashing-content

無料日本語概要

GIF・動画・CSSアニメーションの速い点滅を点検し、光に敏感な利用者への影響を考慮して、点滅の除去や速度変更、代替表現への修正を支援するスキル。

  • アニメーションGIFの点滅確認
  • 動画やCSSアニメーションの点検
  • 点滅をフェードや静止表示に変えたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

empty-heading

無料日本語概要

Webページの空の見出しや空白だけの見出しを探し、説明文の追加や不要なタグの削除を通じて、スクリーンリーダーでたどれる文書構造を整えるスキル。

  • Webページの空見出しを探したいとき
  • 装飾目的の見出しを使う部品の点検
  • スクリーンリーダーの見出し移動確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

empty-links

無料日本語概要

文字のないリンクやラベルのないアイコン、リンク切れを点検します。説明文や読み上げ用の名前を補い、移動先が分かるリンクへ修正するスキルです。

  • ページ内の空リンクを探したいとき
  • アイコンリンクに移動先の説明を追加
  • リンク切れを点検・修正したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

dependency-audit

無料日本語概要

プロジェクトで使う外部パッケージの既知の脆弱性を調べ、更新・修正・置き換えや、継続的に検査するためのCI設定と依存関係の固定を支援するスキル。

  • 本番公開前に依存関係を点検したいとき
  • パッケージの脆弱性報告に対応したいとき
  • CIに依存関係の自動検査を加えたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

definition-list

無料日本語概要

用語と説明を並べるHTMLの定義リストを点検し、要素の入れ子や対応関係の問題を確認。読み上げソフトに情報のまとまりが伝わる構造への修正を支援します。

  • 用語集のHTML構造を確認したいとき
  • 用語と説明の対応関係の点検
  • 読み上げで分かりにくい定義リストの修正
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

duplicate-id-aria

無料日本語概要

画面に表示されたHTMLで、ARIA属性の参照先IDの重複を調べます。ラベルや説明の誤読につながる箇所を特定し、IDと参照の修正、確認方法を案内します。

  • 読み上げるラベルの誤りを調べたいとき
  • 繰り返し部品のID重複の点検
  • デザインシステムのARIA参照確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

data-minimisation

無料日本語概要

フォームやAPI、ブラウザ内の保存データを点検し、機能に使われていない個人情報を特定します。不要な収集の削除や匿名化、ログへの混入防止、保存期間の見直しを支援します。

  • フォームの個人情報収集を見直したいとき
  • 解析やログへの個人情報混入を調べたいとき
  • ブラウザ内の保存情報と期間の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

focus-not-obscured

無料日本語概要

固定ヘッダーやバナーがキーボード操作中の選択先を隠していないか点検します。拡大表示やモバイル画面も確認し、余白やスクロールの修正を支援します。

  • 固定ヘッダー周辺のキー操作確認
  • バナーやチャット表示中の動作確認
  • 拡大時やモバイル画面の重なり確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

decorative-elements

無料日本語概要

装飾用の画像やアイコンが、スクリーンリーダーで不要に読み上げられないかを点検します。空のaltやaria-hiddenを確認し、実際に問題がある要素の修正を支援します。

  • 装飾画像の不要な読み上げの点検
  • SVGやアイコンの読み上げ確認
  • 共通の装飾コンポーネントの点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

content-security-policy

無料日本語概要

WebサイトのCSP設定とHTMLの挿入処理を点検し、読み込めるリソースの制限や安全な表示処理を整え、本番に近い環境でブラウザの挙動まで検証するスキル。

  • 既存のCSP設定を点検したいとき
  • スクリプトや外部リソースを制限したいとき
  • 信頼できないHTMLの表示処理の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

broken-images

無料日本語概要

表示されない画像や失敗しやすい参照先を調べ、ファイルパスの修正と代替画像への切り替えを支援し、読み込みエラー時の表示まで確認するスキル。

  • 商品画像が欠ける原因を調べたいとき
  • ビルド後の画像パス確認
  • 外部画像に代替表示を付けたいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

cross-origin-security

無料日本語概要

異なるサイト間の通信をコードとブラウザの動作から点検し、CORS設定、メッセージの送信元確認、認証後の転送先などの問題を見つけて修正するスキル。

  • 認証が必要なAPIのCORS設定の点検
  • postMessageの送信元検証
  • ログインやSSO後の転送先を確認したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

browser-required

無料日本語概要

実際のブラウザでページの読み込みや描画を測定し、遅さの原因となる通信・スクリプト実行・レイアウト処理を特定して、改善点を検討するスキル。

  • ページの読み込みが遅い原因の調査
  • 端末や回線条件ごとの性能比較
  • 開発やCI/CDへの性能監査の導入
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

content-without-css

無料日本語概要

CSSを無効にしても内容を理解し操作できるか、HTMLの読み順や見出し、フォームのラベルを点検し、見た目に依存した構造の修正を支援するスキル。

  • CSS無効時の使いやすさの確認
  • 読み順や見出し構造の見直し
  • フォームのラベルやエラー表示の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

cross-origin-isolation

無料日本語概要

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

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

button-name

無料日本語概要

空のボタンやアイコンだけのボタンを点検し、読み上げで操作内容が伝わる名前を付けます。別ページへ移動する要素はリンクに直すなど、役割も見直します。

  • 説明のないボタンを探したいとき
  • アイコンボタンの読み上げ名を追加
  • 画面移動に適した要素を確認したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新