本文へ移動
cccskills

「テスト」の検索結果

1.4万 件 ・ 関連度順

概要と使いどころ

aria-valid-attr

無料日本語概要

HTMLに含まれるARIA属性の誤字や存在しない属性名を調べ、仕様に沿った名前への修正を支援します。支援技術に役割や状態が伝わるか、確認方法も案内します。

  • HTMLのARIA属性の誤字点検
  • 読み上げに状態が反映されない原因調査
  • 共通部品のアクセシビリティ属性の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

autofocus-avoidance

無料日本語概要

フォームへの自動フォーカスを点検し、読み込み直後に説明文を飛ばして入力欄へ移る動作を見直します。利用者の操作を起点にフォーカスを移す修正も提案します。

  • 説明文のあるフォームの点検
  • 読み込み時の意図しないスクロール調査
  • 利用者の操作後にフォーカスを移したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

blocked-links

無料日本語概要

広告ブロッカーで止まるリンクや外部リソースをHTMLとJavaScriptから点検し、遷移の不具合や読み込み失敗に対する修正案を示すスキル。

  • 広告ブロッカー使用時のリンク不具合調査
  • 外部スクリプトや画像の読み込み確認
  • 追跡用リダイレクトの見直し
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-roles

無料日本語概要

画面要素の役割を支援技術に伝えるARIAの指定を点検し、誤記や未定義の値を修正します。標準HTMLへの置き換えや、キー操作・読み上げの確認も支援します。

  • ARIAの誤記や未定義値を探したいとき
  • 独自部品を標準HTMLへ置き換え
  • 共通UI部品のアクセシビリティ確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-required-children

無料日本語概要

タブやメニューなどの独自UIで、ARIAの親ロールに必要な子ロールがあるかを点検し、読み上げソフトが項目を認識できるよう構造の修正を支援します。

  • 独自タブやメニューの構造点検
  • 読み上げで項目が認識されないとき
  • divやspan製のリスト・選択欄の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-text

無料日本語概要

画面のHTMLを確認し、role="text"の内側にあるリンクやボタンを検出。読み上げで操作要素が隠れる問題の修正と、キーボード操作の確認を支援します。

  • テキスト内のリンクやボタンの点検
  • 読み上げで操作要素が消える原因調査
  • デザインシステムのアクセシビリティ確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-hidden-body

無料日本語概要

ページ全体がスクリーンリーダーから隠れる原因となるbodyのaria-hiddenを点検し、モーダル表示時などの誤設定を特定して修正を支援するスキル。

  • モーダル表示時の読み上げを確認したいとき
  • ページが読み上げられない原因の調査
  • 状態変化に伴うbody属性の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-command-name

無料日本語概要

ボタンやリンクの操作目的が読み上げで伝わるかを点検し、ARIAの役割を持つ要素のラベル不足を特定して、修正方法とブラウザでの確認手順を示します。

  • ボタンやリンクのラベルを点検したいとき
  • デザインシステムのアクセシビリティ点検
  • ラベル修正後の読み上げ確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

avoid-eval

無料日本語概要

JavaScriptで文字列をコードとして実行する処理を探し、安全な代替方法を提案するスキル。eval()や文字列指定のタイマーを点検し、用途に応じた置き換えを支援します。

  • eval()などの文字列実行を探したいとき
  • JSON解析のeval()を置き換え
  • 文字列指定のタイマーを関数参照に変更
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-deprecated-role

無料日本語概要

非推奨のARIAロールやHTMLで使うべきでない抽象ロールを探し、推奨されるロールや標準のHTML要素への置き換えを検討するレビュー用スキルです。

  • 既存コードの非推奨ロール検出
  • 標準HTMLへの置き換え検討
  • 共通UI部品のロール指定の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

accessible-notifications

無料日本語概要

フォームのエラーや完了通知、リアルタイム更新が読み上げでも伝わるよう、実際に表示されるHTMLの属性、表示時間、閉じる操作を点検するスキル。

  • フォームエラーの読み上げ確認
  • 完了通知の表示時間を見直したいとき
  • リアルタイム通知の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

accessible-authentication

無料日本語概要

ログインから多要素認証、アカウント復旧までを点検し、貼り付け禁止や認証コードの手入力など、利用者を妨げる認証の問題を見つけて改善を支援するスキル。

  • ログイン全体のアクセシビリティ点検
  • 認証コードの貼り付けと自動入力の確認
  • パスワード再設定と復旧手順の点検
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-labels

無料日本語概要

ボタンやリンクなどに、操作内容や移動先が伝わる名前が付いているかを点検します。表示テキストやaria-labelの不足を指摘し、具体的な修正案を示します。

  • 名前のないボタンやリンクの検出
  • 曖昧なラベルの見直し
  • 共通部品の操作名のレビュー
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-input-field-name

無料日本語概要

フォームの入力欄に読み上げ用の名前があるかを点検し、ラベルの紐付けやARIA属性の修正を通じて、画面読み上げ・音声操作で用途が伝わる入力欄に整えるスキル。

  • フォームのラベル漏れを探したいとき
  • 入力例だけに頼る入力欄の修正
  • 独自フォーム部品の名前の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

anchor-smooth-scroll

無料日本語概要

ページ内リンクのスクロールを点検し、動きを減らす設定に応じた即時移動と、キーボード操作時のフォーカス移動を確認して、修正方法を示します。

  • ページ内ナビゲーションの点検
  • 動きを減らす設定でのスクロール確認
  • アンカー移動後のフォーカスを直したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-valid-attr-value

無料日本語概要

画面の状態やラベルを支援技術へ伝えるARIA属性の値を点検し、真偽値の誤記や参照先IDの不備を見つけ、仕様に沿った修正と確認方法を示すスキル。

  • 操作部品のARIA属性を点検したいとき
  • ARIA属性の参照先IDを確認したいとき
  • 公開前にアクセシビリティ修正を確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

autoplay-media

無料日本語概要

ページを開いた際の音声・動画の自動再生を点検し、再生設定の解除や消音、キーボードで使える一時停止操作を整えて、利用者が再生を制御できるようにするスキル。

  • 読み込み時の音声・動画再生の点検
  • 動画の消音と一時停止操作の追加
  • 再生操作のキーボード対応の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

audio-descriptions

無料日本語概要

動画の動作・表情・画面内テキストなど、音声だけでは伝わらない情報を点検し、視覚障害のある利用者に向けた音声解説の追加方法や実装の確認点を整理するスキル。

  • 商品デモで音声から伝わらない情報の確認
  • 動作や画面内テキストの音声解説の検討
  • 動画解説のHTMLと操作を点検したいとき
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

aria-progressbar-name

無料日本語概要

進捗バーに何の処理を示すか分かる名前があるかを点検し、ラベルや値の属性を整えて、スクリーンリーダーでも進行状況の意味を把握できるようにするスキル。

  • 進捗バーの読み上げ用の名前の点検
  • 読み込み表示への処理名の追加
  • 進捗の現在値と範囲の確認
thedaviddias/Front-End-Checklist7.4万2026年10月6日 更新

openspec-ff-change

無料日本語概要

OpenSpecで実装前に必要な提案・仕様・設計・タスクなどの文書を、既存コードや依存関係に沿ってまとめて作成し、実装を始められる状態に整えるスキル。

  • 新機能の計画文書をまとめて作りたいとき
  • 変更内容を実装タスクに整理したいとき
  • 前提となる文書の不足を埋めたいとき
Fission-AI/OpenSpec7.2万2026年10月16日 更新

openspec-bulk-archive-change

無料日本語概要

複数のOpenSpec変更をまとめてアーカイブします。成果物とタスクの進捗を確認し、仕様の競合を実装に照らして整理したうえで、仕様の同期と変更の保管を進めます。

  • 完了した変更をまとめて保管したいとき
  • 複数変更の仕様の競合を整理したいとき
  • 未完了の作業を確認して保管したいとき
Fission-AI/OpenSpec7.2万2026年10月16日 更新

openspec-propose

無料日本語概要

作りたい機能や修正内容から、OpenSpecの提案書・仕様の変更分・設計書・実装タスクを作成します。既存のコードや設定を調べ、実装前にレビューできる計画を整えます。

  • 新機能の実装計画を作りたいとき
  • 不具合修正を具体的なタスクにしたいとき
  • 仕様変更と設計をまとめて確認したいとき
Fission-AI/OpenSpec7.2万2026年10月16日 更新

openspec-explore

無料日本語概要

OpenSpecを使うプロジェクトで、既存コードや仕様を調べながらアイデア・問題・要件を対話で整理し、実装前や作業途中の判断を助けるスキル。

  • 曖昧な機能案の範囲を整理したいとき
  • 既存構成を踏まえて技術を比較
  • 実装で詰まり設計を見直したいとき
Fission-AI/OpenSpec7.2万2026年10月16日 更新

desktop-whats-new

無料日本語概要

デスクトップアプリに蓄積した新機能から注目点を選び、一度だけ表示する更新案内を作ります。文案の作成からコンテンツ追加、アプリ内プレビューまで扱います。

  • 蓄積した新機能を告知すべきかの判断
  • 3〜4件の新機能の短い紹介文作成
  • What's newの新規項目追加
cline/cline7万2026年10月16日 更新