「fix」の検索結果

画像を条件に応じて切り替えるpicture要素を点検し、代替表示用のimg、説明文や寸法、画像形式の指定を整え、修正後のHTMLを示すスキル。

• AVIFやWebPの代替画像を確認
• picture要素の順序と属性の点検
• 説明文や寸法がない画像指定の修正

記事一覧や商品一覧のページ分割を点検し、各ページの正規URL指定とリンクを見直して、2ページ目以降も検索エンジンがたどれる構成への修正を支援するスキル。

• ブログ一覧の正規URL指定の見直し
• 商品一覧のページ分割URLの確認
• 無限スクロールの巡回用リンクの確認

高精細ディスプレイで画像がぼやける原因を点検し、2倍・3倍画像の用意やHTML・CSSの指定、配信設定、読み込み方法まで確認するスキル。

• 高精細画面の画像ぼけを調べたいとき
• 画像のsrcsetを見直したいとき
• CSS背景画像を高精細対応したいとき

ブラウザごとの標準スタイルによる表示の差を減らすため、CSSリセットの導入状況と読み込み順を点検し、画面幅や操作状態を踏まえた修正案を示します。

• ブラウザ間の表示差を調べたいとき
• 新規サイトのCSSの土台づくり
• CSSフレームワーク内蔵リセットの確認

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

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

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

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

Web画面をキーボードだけで操作できるか点検し、Tabの移動順や非表示要素への移動、操作から抜け出せない問題を確認します。該当要素と修正・検証方法を示します。

• Tabで全操作要素に届くか確認
• 見た目に合うフォーカス順への修正
• 非表示要素をTabの移動対象から除外

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

• ブラウザー側のAPIキー露出点検
• Gitに記録された認証情報の調査
• 秘密情報を使う処理のサーバー移行

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

• ボタンの表示文字と名前を照合したいとき
• 音声操作しにくいリンクの点検
• アクセシビリティツールで修正を確認

ページの主要コンテンツが表示されるまでの時間を計測し、画像やサーバー応答、描画処理のボトルネックを特定して、根拠に基づく改善を支援するスキル。

• 主要コンテンツの表示遅延を調べたいとき
• メイン画像の読み込みを見直したいとき
• 計測結果から改善の優先順位を決めたいとき

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

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

CSSの曖昧なクラス名や命名のばらつきを調べ、部品・要素・状態を表すBEM形式に整理するスキル。画面幅や操作状態ごとの実際の表示も確認します。

• CSSクラス名のばらつきの点検
• コンポーネントの命名をBEMに統一
• 補助クラスとJavaScript用クラスの区別

ページのHTMLを調べ、body内などに誤って置かれたメタタグを特定して、headへの移動やスクリプトの挿入先の修正を支援するスキル。

• CMSプラグイン変更後のタグ配置を確認
• JavaScriptによるbody内への挿入を調査
• robotsやOGなどの配置を点検

JavaScriptの手書きループを点検し、配列やオブジェクトの標準メソッドに置き換えて、データの変換・抽出・集計の意図が伝わるコードに整えるスキル。

• 手書きループを整理したいとき
• データの変換・抽出・集計の明確化
• オブジェクト変換や深いコピーの見直し

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

• ページひな型のmain領域を確認
• 組み合わせたレイアウトのmain重複を修正
• スクリーンリーダーで本文への移動を確認

TypeScriptの配列やオブジェクトの添字アクセスを点検し、設定の見直しと未定義値のチェック追加を通じて、実行時エラーにつながる見落としを減らすスキル。

• TypeScriptの安全設定の点検
• データ処理の配列アクセスのレビュー
• 予期しない未定義値エラーの調査

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

• HTTPSページの混在コンテンツ点検
• HTTPS移行後のリソースURL確認
• 古い記事に残るHTTP参照の修正

モーダルダイアログのキーボード操作と読み上げ対応を点検し、フォーカスの移動、Escapeでの終了、タイトルの関連付けの改善を支援するスキル。

• モーダルのキーボード操作の点検
• 開閉時のフォーカス移動を確認したいとき
• タイトルと読み上げ用ラベルの確認

本番配信するJavaScriptの軽量化状況を点検し、ビルド設定や未使用コードの除去を見直して、ファイル容量と読み込み時の負荷を減らすスキル。

• 本番JavaScriptの軽量化確認
• 配信ファイルを小さくしたいとき
• 未使用コードの除去

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

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

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

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

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

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

本文を覆うポップアップやモーダルを点検し、モバイルでの閲覧、閉じる操作、キーボードのフォーカス管理を確認して、SEOとアクセシビリティの改善を支援するスキル。

• モバイルの広告ポップアップ点検
• モーダルをキーボードで閉じたいとき
• ダイアログ開閉時のフォーカス確認

HTMLに直接書かれたJavaScriptを点検し、外部ファイルとaddEventListenerへ整理して、保守性やキャッシュ利用の改善を支援します。

• HTML内のJavaScriptを分離したいとき
• onclickをaddEventListenerに変更
• キャッシュ利用と保守性の見直し