「dd」の検索結果

API応答や保存データを読み込むJavaScriptのJSON処理を点検し、不正な入力への例外処理と、読み取り後のデータ構造の検証を追加するスキル。

• API応答のJSON処理を点検したいとき
• localStorageの壊れたデータへの対処
• プロパティ参照前のデータ構造の検証

Webページのナビゲーションを点検し、nav要素や識別ラベル、スキップリンクを使って、スクリーンリーダーで目的の領域へ移動しやすい構造に整えるスキル。

• メインとフッターの操作性を見直したいとき
• 複数のナビゲーションを区別したいとき
• 共通部品が出力するHTMLの点検

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ページ表示の遅さを実測し、画像などの静的ファイルがCDNから適切に配信されているかを点検。キャッシュ設定や配信経路の改善につなげるスキル。

• ページ表示が遅い原因を調べたいとき
• 画像やスクリプトのCDN配信の点検
• 海外向けのキャッシュ設定の見直し

検索エンジンに正規ページを伝えるcanonical URLの転送を点検し、HTTP応答と表示後のHTMLを確認して最終URLへの直接指定を支援するスキル。

• canonical URLの転送を確認したいとき
• URL変更後のcanonicalタグの点検
• 正規URLを生成するテンプレートの確認

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

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