動きを減らす端末設定にサイトが対応しているかを確認し、アニメーションや点滅、スクロール演出の代替表示、一時停止操作、事前の警告を点検するスキル。
- 動きを減らす設定への対応確認
- 点滅の頻度を点検したいとき
- スクロール演出の代替表示を検討
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
配信ファイルの容量や表示速度に基準値を設け、変更による性能低下をCIで検出します。容量と実行時の性能を分けて点検し、基準超過時のチェック失敗や公開後の監視を整えます。
- CIの性能基準を点検したいとき
- 依存ライブラリや素材追加時のレビュー
- 容量と表示性能の基準を設けたいとき
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
パスワード入力欄の安全性と使いやすさを点検し、自動入力の設定、表示切り替え、強度表示、パスワード管理ツールとの連携を確認・改善するスキルです。
- ログイン・会員登録フォームの点検
- パスワード管理ツールとの連携確認
- 操作しやすい表示切り替えへの改善
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Webサイトの全ページからプライバシーポリシーへアクセスできるかを点検し、フッターのリンクや、収集データ・保存期間・共有先などの記載を確認するスキル。
- 全ページのポリシーリンクを確認したいとき
- 共通フッターにポリシーリンクを追加したいとき
- 保存期間やデータ共有の記載を点検したいとき
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
スマートフォンやタブレットの縦向き・横向きで、本文や操作部品が使えるか点検します。不要な向きの固定や回転を促す表示を見つけ、レイアウトの修正を案内します。
- スマホやタブレットの縦横表示確認
- 端末回転後のフォームの点検
- ダッシュボードやメディア画面の点検
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
WebアプリのHTTP応答ヘッダーを点検し、使わないカメラやマイク、位置情報などのブラウザ機能を制限して、侵害時の被害範囲を抑える設定を支援するスキル。
- 公開前のセキュリティヘッダー点検
- 不要なカメラ・マイク機能の制限
- 第三者iframeの機能制限確認
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
アカウント設定やAPIのデータ削除経路を点検し、ブラウザ内の保存データ消去からサーバーへの削除依頼、利用者への受付確認までの実装漏れを確認するスキル。
- アカウント削除の導線を点検したいとき
- ブラウザ内のデータ消去確認
- サーバーへの削除依頼を確認したいとき
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
HTMLやJSXで新しいタブを開くリンクを点検し、rel属性の不足を修正します。元のタブへの不正な操作を防ぐ仕組みや、参照元情報の扱いも説明します。
- 新しいタブで開くリンクの点検
- JSXのrel属性漏れを修正したいとき
- noopenerとnoreferrerの理解
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
業務ロジックや計算処理のコードに小さな変更を加え、既存テストが不具合を検出できるかを評価します。Strykerの導入から、見逃された変更に対するテスト改善まで支援します。
- カバレッジ以外でテスト品質を確認
- 単一モジュールへのStryker導入
- 重要な計算処理のテスト強化
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
HTMLの箇条書きや番号付きリストの親子構造を点検し、不適切な要素や入れ子を修正して、スクリーンリーダーが項目数や現在位置を正しく伝えられるようにするスキル。
- HTMLのリスト構造を点検したいとき
- 入れ子のリストを修正したいとき
- 読み上げ時の案内を確認したいとき
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
ボタンやリンクの表示文字と支援技術が使う名前を照合し、音声操作で見たとおりの名前を指定できるよう、ARIA属性の修正と確認方法を案内するスキル。
- ボタンの表示文字と名前を照合したいとき
- 音声操作しにくいリンクの点検
- アクセシビリティツールで修正を確認
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
スマートフォン実機とモバイル画面幅でのテスト状況を点検し、Playwrightによる主要操作のテスト追加やCIで継続的に検証できていない箇所の特定を支援するスキル。
- CIのモバイルテストを見直したいとき
- 主要操作のモバイルテストを追加したいとき
- AndroidとiOSの実機確認を計画したいとき
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
HTTPSページに紛れたHTTPの画像やスクリプトを調べ、混在コンテンツを修正します。URLの置き換えとセキュリティヘッダーの設定を確認するスキルです。
- HTTPSページの混在コンテンツ点検
- HTTPS移行後のリソースURL確認
- 古い記事に残るHTTP参照の修正
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
HTMLの自動転送設定を点検し、突然のページ更新や移動による読み上げの中断を防ぐ修正を提案します。サーバー側の転送や利用者が選べるリンクへの置き換えを扱います。
- HTMLの自動転送を探したいとき
- サーバー側の転送に置き換えたいとき
- 読み上げ利用時のページ移動の点検
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
ページのHTMLやJavaScript、Git履歴にAPIキーやパスワードが露出していないか点検し、漏えいした認証情報の更新と再発防止の対応を整理します。
- ブラウザー側のAPIキー露出点検
- Gitに記録された認証情報の調査
- 秘密情報を使う処理のサーバー移行
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
本文中のリンクが色だけに頼らず見分けられるかを点検します。下線、文字色のコントラスト、ホバーやフォーカス時の表示を確認し、CSSの修正案を示します。
- 本文リンクの下線を外す際の確認
- リンクと本文のコントラスト確認
- ホバーやフォーカス表示の点検
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
ブラウザに表示されるHTMLを基準に、内部・外部リンクやページ内リンクの不備を点検します。404や意図しない転送を見つけ、修正と継続的な監視の導入を支援します。
- ドキュメントやECサイトのリンク点検
- 共通部品が出力するリンクのレビュー
- CI/CDへのリンク自動チェック導入
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
ページの主要コンテンツを示すmain領域が一つだけあるかを確認し、重複や欠落を指摘して、スクリーンリーダー利用時の移動先を明確にするスキル。
- ページひな型のmain領域を確認
- 組み合わせたレイアウトのmain重複を修正
- スクリーンリーダーで本文への移動を確認
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
テストで外部依存を代役に置き換えるモックの使い方を点検し、過剰な置き換えや後片付け漏れを修正します。CIで問題を継続的に検知できるかも確認します。
- モックが多すぎるテストの見直し
- テスト間の後片付けの確認
- 実際に近いAPIモックへの改善
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
ログインせずに開ける公開フォームのボット対策を点検し、CAPTCHAの導入、サーバー側のトークン検証、送信回数制限の追加を支援します。
- 問い合わせフォームの迷惑送信対策
- 会員登録やログインのボット対策
- CAPTCHAのサーバー側検証の確認
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
フォームの入力欄に複数のラベルが結び付いていないかを点検し、読み上げの重複や混乱を防ぐため、ラベルの統合とaria-labelledbyの使い分けを示すスキル。
- 入力欄の重複ラベルを探したいとき
- 複数の文章を入力欄の名前に使いたいとき
- 読み上げによるフォームラベルの確認
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
API・サービス・データベースなどの接続部分を調べ、主要な処理の結合テストを整えます。正常系と重要な異常系に加え、CIでの継続的な検証の不足も確認します。
- APIとサービスとDBの連携検証
- 画面部品と状態管理の連携確認
- 主要な処理のCIテストを見直したいとき
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
HTMLフォームやJavaScriptの送信先を点検し、HTTP通信による情報漏えいを防ぐために、送信先URLとページのHTTPS設定を見直すスキル。
- ログインフォームの送信先を確認したいとき
- fetchやXHRの接続先を点検したいとき
- action省略フォームの確認
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
HTTPで開いたサイトがHTTPSへ正しく転送されるかを点検します。301応答とパス・クエリの保持を確認し、サーバーやCDNの転送設定の修正を支援します。
- サイト公開前に転送を確認したいとき
- 転送時のパスやクエリを確認したいとき
- サーバーの転送とHSTS設定の見直し
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新