「red」の検索結果

ブラウザのタブやスマートフォンのホーム画面に使うサイトアイコンを点検し、端末に応じた形式・サイズの生成からHTMLやPWAの設定まで支援するスキル。

• タブやブックマーク用アイコンの準備
• モバイルのホーム画面用アイコン設定
• PWAのアイコン設定を確認したいとき

アラビア語など右から左へ読む言語や、文字方向が混在する投稿を点検し、HTMLの方向指定と表示・読み上げ順、画面配置の確認や修正を支援するスキル。

• アラビア語・ヘブライ語ページの点検
• 文字方向が混在する名前や投稿への対応
• ナビゲーションやアイコンの左右反転確認

装飾用の画像やアイコンが、スクリーンリーダーで不要に読み上げられないかを点検します。空のaltやaria-hiddenを確認し、実際に問題がある要素の修正を支援します。

• 装飾画像の不要な読み上げの点検
• SVGやアイコンの読み上げ確認
• 共通の装飾コンポーネントの点検

画面に表示されたHTMLで、ARIA属性の参照先IDの重複を調べます。ラベルや説明の誤読につながる箇所を特定し、IDと参照の修正、確認方法を案内します。

• 読み上げるラベルの誤りを調べたいとき
• 繰り返し部品のID重複の点検
• デザインシステムのARIA参照確認

本文から他のページへ進む内部リンクが少ないページを調べ、関連する記事へのリンクを提案します。共通メニューと本文のリンクを区別し、追加後の表示も確認します。

• 本文の内部リンクが少ないページの調査
• 独立した記事への関連リンク追加
• CMSテンプレートのリンク不足の点検

Webページで重複して読み込まれるJavaScriptライブラリを調べ、実測で影響を確かめながら、依存関係の統一や不要な読み込みの削除を進めるスキル。

• ページ表示の遅さを調べたいとき
• 依存ライブラリの重複調査
• 外部スクリプトの依存関係確認

Web画面の動きを重くするDOMの読み書きやイベント処理を調べ、処理順序や更新頻度を見直して、ブラウザ上で原因に即した修正を検証するスキル。

• アニメーションのもたつきを調べたいとき
• DOMの読み書きをまとめたいとき
• スクロールやタッチのイベント処理の確認

リンクやボタン、入力欄のID重複を調べ、修正箇所と確認方法を示します。キーボード操作やスクリーンリーダーでの移動、フォーカスへの影響も点検します。

• フォームのID重複を確認したいとき
• 意図しないフォーカス移動の調査
• 共通の操作部品のレビュー

Flexboxの横並び・縦並びで起きる文字のはみ出しや幅の不揃いを確認し、余白や伸縮設定を修正します。画面幅や操作状態ごとの表示も点検します。

• 横並びの文字のはみ出しを直したいとき
• 項目を均等幅に揃えたいとき
• 項目間の余白をgapに統一したいとき

ページの主要画像や重要なフォント・CSSの読み込み優先度を点検し、fetchpriority属性で表示に必要なリソースの取得順を調整するスキル。

• 主要画像の表示速度を改善したいとき
• 画面外の画像との読み込み競合の見直し
• フォントやCSSの先読み優先度の確認

複数ページで重複するメタディスクリプションを探し、ページの内容に合う固有の説明文を作成します。CMSや共通テンプレートの設定も見直すスキルです。

• サイト全体の説明文の重複調査
• 記事ごとの説明文を作りたいとき
• 共通SEO部品の設定レビュー

一覧や表の各要素に付けたイベント処理を見直し、親要素でまとめて受け取る方式へ整理します。後から追加される要素の操作対応や、リスナー数の削減を支援します。

• 動的に追加した項目の操作を直したいとき
• 表の行ごとのリスナーをまとめたいとき
• クリック対象の判定を見直したいとき

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

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

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

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

Webページを構成するHTML要素の数や入れ子の深さを測定し、不要な囲み要素の削除や長い一覧の表示方式の見直しを通じて、描画負荷の軽減を支援するスキル。

• ページの描画や操作が遅い原因を調べたいとき
• HTML要素数と入れ子の深さを測りたいとき
• 不要な囲み要素を整理したいとき

ページの初期表示を待たせるCSSの読み込みを点検し、必要なスタイルの埋め込みや後回しの読み込みを支援します。画面幅や操作状態ごとの表示も確認しながら修正を検討します。

• 初期表示を遅らせるCSSを調べたいとき
• 最初に必要なCSSと後回しのCSSの整理
• preloadやmediaによる読み込みの点検

再訪時の不要なダウンロードを減らすため、ブラウザのキャッシュ設定を点検します。静的ファイルとHTMLの違いに応じて、保存期間や再検証用ヘッダーの修正を検討します。

• 再訪時の読み込み遅延を調べたいとき
• 静的ファイルのキャッシュ設定確認
• HTMLとハッシュ付き資産の方針整理

HTMLのhead内でCSSとJavaScriptの読み込み順を点検し、画面幅や操作状態ごとの表示も確かめながら、表示の遅れや装飾のちらつきへの修正案を示すスキル。

• 装飾のない画面が一瞬見える原因の調査
• head内のCSSとJSの順序確認
• スクリプト遅延と重要なCSSの点検

CSSの上書き競合を点検し、`@layer`でスタイルの優先順を明示する構成へ整理して、複雑なセレクターや`!important`への依存を見直すスキル。

• CSSの上書き競合を調べたいとき
• デザインシステムのスタイル優先順を設計
• ユーティリティ中心のCSSから段階的に移行

空のボタンやアイコンだけのボタンを点検し、読み上げで操作内容が伝わる名前を付けます。別ページへ移動する要素はリンクに直すなど、役割も見直します。

• 説明のないボタンを探したいとき
• アイコンボタンの読み上げ名を追加
• 画面移動に適した要素を確認したいとき

公開前のHTMLに残る開発用コメント、デバッグコード、ログ、仮の要素を点検して除去します。必要なコメントを残しながら、機密情報の露出も確認するスキルです。

• 本番公開前にHTMLを整理したいとき
• コメント内の機密情報を点検したいとき
• デバッグログや仮の要素の削除

ページの初期表示を遅らせるリソース取得の依存関係を計測し、重要なCSSの埋め込みや必須ファイルの先読みで、通信の待ちが連鎖する構造を見直すスキル。

• ページの初期表示が遅いとき
• リソース取得の依存関係の点検
• 重要CSSの埋め込みや先読みの検討

独立した画面部品のCSSを点検し、レイアウト再計算や再描画の範囲を抑える設定を提案します。画面幅や操作状態ごとの表示も確認し、適用箇所を見極めます。

• 独立した部品が多いページの見直し
• 画面外の一覧項目の描画を省きたいとき
• 画面幅ごとの表示を確認したいとき

行と列を同時にそろえる画面レイアウトを見直し、CSS Gridへの置き換えや、画面幅・内容に応じて配置が変わるグリッドの設計を支援するスキル。

• 二次元のFlexboxやfloat配置の見直し
• 画面幅に応じたカード一覧の配置
• 入れ子の要素を親グリッドにそろえたいとき