「dd」の検索結果

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

• 新しいタブで開くリンクの点検
• JSXのrel属性漏れを修正したいとき
• noopenerとnoreferrerの理解

TypeScriptで型チェックをすり抜けるanyを洗い出し、unknownやジェネリクス、外部データの検証への置き換えと利用箇所の修正を支援するスキル。

• ESLintのany関連警告を直したいとき
• 外部APIデータの型安全性レビュー
• 呼び出し元へanyが広がる関数の点検

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

• 本文リンクの下線を外す際の確認
• リンクと本文のコントラスト確認
• ホバーやフォーカス表示の点検

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

• ドキュメントやECサイトのリンク点検
• 共通部品が出力するリンクのレビュー
• CI/CDへのリンク自動チェック導入

記事やサイトのURLについて、長すぎるパスや深い階層、不要な語句・日付を点検し、読みやすく共有しやすい形への整理と変更時の転送設定を支援するスキル。

• 記事タイトルから短いスラッグを作りたいとき
• 長いURLや深い階層を点検したいとき
• CMSやルーターのURL規則の見直し

データ取得や送信中の待ち時間に、処理状況が伝わる表示を点検・実装します。スピナーや仮の表示枠、読み上げ対応、読み込み完了時のレイアウトのずれまで確認します。

• データ取得中の待機表示を付けたいとき
• 操作の実行中に進捗を伝えたいとき
• 読み込み状態の読み上げ対応を確認

大量の行やカードを表示する画面を調べ、見えている範囲だけを描画する仮想化を検討し、操作性やアクセシビリティを保ちながら表示負荷の改善を支援するスキル。

• 管理画面の表が重い原因を調べたいとき
• 長い検索結果の表示を見直したいとき
• フィードの描画負荷を減らしたいとき

多言語サイトの言語・地域別ページを検索エンジンに伝えるhreflangを点検・修正します。実際のHTMLとHTTP応答を確認し、相互参照や既定ページの設定漏れを探します。

• 言語・地域別ページの設定確認
• 言語版同士の相互参照の点検
• 既定ページの設定確認

URL内の単語区切りを点検し、アンダースコアや空白をハイフンへ統一するためのスラッグ生成、301転送、内部リンク更新までの手順を整理するスキル。

• URL内のアンダースコアや空白の点検
• タイトルからスラッグを生成したいとき
• 301転送を伴うURL移行の計画

HTMLで読み込みの遅い重要リソースを見つけ、フォントや画像の先読み、外部ドメインへの事前接続を見直すスキル。ブラウザに届くマークアップまで確認します。

• 重要なフォントや画像の先読み確認
• 外部ドメインへの事前接続の確認
• 出力されたHTMLのヒント監査

ページの読み込み時に発生するHTTPリクエストを数え、実測で遅延の原因を確認しながら、ファイル統合や重要な資源の埋め込みなどの削減案を示すスキル。

• ページの初期表示が遅い原因の調査
• 画像やCSSなどの不要な通信の確認
• ファイル統合やアイコン集約の検討

初回表示を重くする地図やエディターなどの任意機能を見つけ、クリックやフォーカス後に必要なコードを読み込む構成へ変更し、読み込み中の表示も整えます。

• 地図をパネル表示時に読み込みたいとき
• エディターを操作時に読み込みたいとき
• 初回表示を遅くするチャットの点検

JavaScriptの構文ミスや規約違反をESLintで検出し、ルール設定からエディター・CI/CDへの組み込み、警告の修正まで支援します。

• JavaScriptにESLintを導入したいとき
• チームのコーディング規約を統一したいとき
• エディターやCI/CDで自動チェック

サイト内のリンク構造を調べ、重要ページへのリンク不足や孤立ページを見つけるスキル。関連記事からのリンク追加や、リンク文言の具体化を支援します。

• 重要ページへのリンク不足を探したいとき
• 関連記事同士のリンクを追加したいとき
• 曖昧なリンク文言を見直したいとき

Front-End Checklistのルール文書を採点基準に沿って点検し、曖昧なAI向け指示や不足項目を、具体的な手順とコード例で補うスキル。

• 未完成のチェックリストルールの拡充
• AI向け確認・修正指示の具体化
• PR前のルール構造と品質の確認

フォームの入力欄に合うHTMLのtype属性とautocomplete属性を点検・修正し、スマートフォンのキーボード表示やブラウザの自動入力を整えるスキル。

• 既存フォームの入力属性を点検したいとき
• スマホのメール・電話入力を整えたいとき
• ブラウザの自動入力を設定したいとき

Webページの画像形式・容量・表示サイズ・読み込み方法を点検し、修正を支援します。画面幅に応じた画像の出し分けや、読み込み時のレイアウトずれも扱います。

• 表示が遅いページの画像容量・形式点検
• モバイルとPCで画像サイズを出し分け
• 画像読み込み時の表示ずれを防ぎたいとき

ブラウザのタブや検索結果に使うファビコンの設定を点検・整備します。HTMLの指定、画像の形式とサイズ、HTTPSでの取得やクロール制限まで確認します。

• 既存サイトのファビコン設定の点検
• 新規プロジェクトのアイコン整備
• 検索結果にアイコンが出ない原因調査

記事の事実や統計を裏付ける外部リンクを点検し、公的資料や公式文書などの出典追加と、有料・広告リンクを含むリンク属性の適切な設定を支援するスキル。

• 出典のない事実や統計を探したいとき
• 公的資料や研究への参照を加えたいとき
• 外部リンクの安全性に関わる属性の点検

キーボード操作中の選択位置を示すフォーカス表示を点検し、輪郭線の消失や見切れ、配置ずれを確認して、見やすいCSSへの修正を支援するスキル。

• キーボード操作の選択位置を確認したいとき
• 輪郭線を消したCSSの見直し
• フォーカス枠の見切れや位置ずれの修正

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

• 本番公開前に依存関係を点検したいとき
• パッケージの脆弱性報告に対応したいとき
• CIに依存関係の自動検査を加えたいとき

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

• Webページの空見出しを探したいとき
• 装飾目的の見出しを使う部品の点検
• スクリーンリーダーの見出し移動確認

Webフォントの読み込みを点検し、文字が見えない時間や表示のずれを調べます。実測に基づき、代替フォントの表示、重要フォントの先読み、形式の見直しを支援します。

• 読み込み中に文字が見えない原因の調査
• フォントによる表示のずれの点検
• 代替フォント表示と先読みを設定したいとき

本番配信するCSSの空白やコメントを削ってファイルを小さくするために、圧縮の適用状況やビルド設定を点検し、画面幅ごとの表示も確認するスキル。

• 本番CSSの圧縮状況の確認
• ビルド工程に圧縮を追加したいとき
• PostCSSの出力を見直したいとき