本文へ移動
cccskills

テスト・セキュリティのスキル

テスト設計、脆弱性診断、品質保証(1.3万 件)

価格や並び順で絞り込む

reduced-motion

無料概要あり

動きを減らす端末設定にサイトが対応しているかを確認し、アニメーションや点滅、スクロール演出の代替表示、一時停止操作、事前の警告を点検するスキル。

  • 動きを減らす設定への対応確認
  • 点滅の頻度を点検したいとき
  • スクロール演出の代替表示を検討
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

performance-budget

無料概要あり

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

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

password-field-security

無料概要あり

パスワード入力欄の安全性と使いやすさを点検し、自動入力の設定、表示切り替え、強度表示、パスワード管理ツールとの連携を確認・改善するスキルです。

  • ログイン・会員登録フォームの点検
  • パスワード管理ツールとの連携確認
  • 操作しやすい表示切り替えへの改善
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

privacy-policy

無料概要あり

Webサイトの全ページからプライバシーポリシーへアクセスできるかを点検し、フッターのリンクや、収集データ・保存期間・共有先などの記載を確認するスキル。

  • 全ページのポリシーリンクを確認したいとき
  • 共通フッターにポリシーリンクを追加したいとき
  • 保存期間やデータ共有の記載を点検したいとき
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

orientation

無料概要あり

スマートフォンやタブレットの縦向き・横向きで、本文や操作部品が使えるか点検します。不要な向きの固定や回転を促す表示を見つけ、レイアウトの修正を案内します。

  • スマホやタブレットの縦横表示確認
  • 端末回転後のフォームの点検
  • ダッシュボードやメディア画面の点検
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

permissions-policy

無料概要あり

WebアプリのHTTP応答ヘッダーを点検し、使わないカメラやマイク、位置情報などのブラウザ機能を制限して、侵害時の被害範囲を抑える設定を支援するスキル。

  • 公開前のセキュリティヘッダー点検
  • 不要なカメラ・マイク機能の制限
  • 第三者iframeの機能制限確認
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

right-to-erasure

無料概要あり

アカウント設定やAPIのデータ削除経路を点検し、ブラウザ内の保存データ消去からサーバーへの削除依頼、利用者への受付確認までの実装漏れを確認するスキル。

  • アカウント削除の導線を点検したいとき
  • ブラウザ内のデータ消去確認
  • サーバーへの削除依頼を確認したいとき
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

new-tab

無料概要あり

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

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

mutation-testing

無料概要あり

業務ロジックや計算処理のコードに小さな変更を加え、既存テストが不具合を検出できるかを評価します。Strykerの導入から、見逃された変更に対するテスト改善まで支援します。

  • カバレッジ以外でテスト品質を確認
  • 単一モジュールへのStryker導入
  • 重要な計算処理のテスト強化
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

list-structure

無料概要あり

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

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

label-content-name-mismatch

無料概要あり

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

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

mobile-testing

無料概要あり

スマートフォン実機とモバイル画面幅でのテスト状況を点検し、Playwrightによる主要操作のテスト追加やCIで継続的に検証できていない箇所の特定を支援するスキル。

  • CIのモバイルテストを見直したいとき
  • 主要操作のモバイルテストを追加したいとき
  • AndroidとiOSの実機確認を計画したいとき
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

mixed-content

無料概要あり

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

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

meta-refresh

無料概要あり

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

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

leaked-secrets

無料概要あり

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

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

link-in-text-block

無料概要あり

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

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

link-checker

無料概要あり

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

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

landmark-one-main

無料概要あり

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

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

mock-best-practices

無料概要あり

テストで外部依存を代役に置き換えるモックの使い方を点検し、過剰な置き換えや後片付け漏れを修正します。CIで問題を継続的に検知できるかも確認します。

  • モックが多すぎるテストの見直し
  • テスト間の後片付けの確認
  • 実際に近いAPIモックへの改善
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

form-captcha

無料概要あり

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

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

form-field-multiple-labels

無料概要あり

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

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

integration-testing

無料概要あり

API・サービス・データベースなどの接続部分を調べ、主要な処理の結合テストを整えます。正常系と重要な異常系に加え、CIでの継続的な検証の不足も確認します。

  • APIとサービスとDBの連携検証
  • 画面部品と状態管理の連携確認
  • 主要な処理のCIテストを見直したいとき
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

form-https

無料概要あり

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

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

http-to-https

無料概要あり

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

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