「esp」の検索結果

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

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

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

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

WebアプリのPWAインストール対応を点検し、HTTPSや設定ファイル、アイコンの不足を確認するスキル。オフライン応答や起動先の設定も見直します。

• PWAインストール対応の点検
• インストール案内を追加する前の確認
• アイコンのサイズと形式の見直し

スマートフォンやタブレットの縦向き・横向きで、本文や操作部品が使えるか点検します。不要な向きの固定や回転を促す表示を見つけ、レイアウトの修正を案内します。

• スマホやタブレットの縦横表示確認
• 端末回転後のフォームの点検
• ダッシュボードやメディア画面の点検

JavaScriptファイルの圧縮後の容量と読み込み負荷を調べ、コードの分割や未使用部分の除去、依存関係の見直しで表示や操作の遅れを改善するスキル。

• 圧縮後200KB超のJSを探したいとき
• ページ操作開始までの遅れを調べたいとき
• コード分割で容量を減らしたいとき

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

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

CSSの余白や罫線、配置指定を点検し、左右などの固定方向から文字の流れに沿う論理プロパティへ置き換えて、右から左の言語や縦書きに対応するスキル。

• アラビア語やヘブライ語に対応したいとき
• CSSの左右固定の余白指定の置き換え
• 縦書きレイアウトの確認

サイト内の画像容量を用途別の目安で点検し、重い画像と削減目標を一覧化します。圧縮・形式変更・端末別の配信を見直し、容量と表示寸法の問題を切り分けます。

• 容量超過の画像と削減目標の一覧化
• CMSに登録された画像の点検
• ヒーロー画像やサムネイルの軽量化

狭い画面やブラウザ拡大時に生じる横スクロールを、CSSの幅指定や折り返し設定から点検し、本文や画像が画面内に収まる修正を支援するスキル。

• スマホ表示の横スクロールを直したいとき
• 400%拡大時の表示を確認したいとき
• 長いURLや画像のはみ出し点検

記事やブログの更新日時を、画面表示・HTTPヘッダー・構造化データの三つから点検し、本文の変更に合わせて整合するように設定を見直すスキル。

• 記事やブログの更新日時の点検
• CMSの更新日変更ルールの見直し
• 静的サイト公開時の日時処理の確認

本番アプリのエラー監視を導入・点検し、未処理の例外や通信失敗の収集、リリース情報の付与、重大な障害を担当者へ知らせる通知設定を整えるスキル。

• 新規アプリの本番エラー監視を整えたいとき
• 監視で検出されないエラーを調べたいとき
• 重大な障害の通知先と基準を見直す

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

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

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

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

スマートフォンでの文字の読みやすさをCSSから点検し、小さすぎる文字や固定サイズを見直すスキル。ブラウザの文字設定と200％拡大時の表示も確認します。

• モバイルの文字サイズ点検
• px指定を相対単位に直したいとき
• 200％拡大時のレイアウト確認

HTMLに直接書かれたCSSや埋め込みスタイルを点検し、例外を見極めて外部ファイルへの整理を支援します。画面幅や操作状態ごとの表示も確認します。

• HTML内のスタイルを点検したいとき
• 埋め込みCSSを外部へ整理したいとき
• 初期表示用CSSや動的な値の例外判断

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

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

Webページを紙に印刷したときの読みやすさを点検し、印刷用CSSを整えます。ナビや広告の非表示、文字サイズ、改ページ、外部リンクのURL表示を確認します。

• Webページを紙で読みやすくしたいとき
• 印刷時にナビや広告を隠したいとき
• 印刷の文字・改ページ・URL表示の調整

HTML・JS・CSSの配信時の圧縮状態を確認し、実測した読み込みの問題に基づいて、サーバーやCDNでのGzip・Brotli設定を見直すスキル。

• モバイル回線での表示遅延を調べたいとき
• テキスト資源の圧縮ヘッダーを確認
• サーバーやCDNの圧縮設定を見直す

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

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

ページの初期表示に必要なCSSを抽出してHTMLに埋め込み、残りを非同期で読み込む構成へ整えます。画面幅や操作状態ごとの表示も確認するスキルです。

• 初期表示を遅らせるCSSの見直し
• 最初の画面に必要なCSSを抽出
• 後回しにできるCSSの非同期読み込み

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

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

画像や内容を切り替えるカルーセルを点検し、自動再生の停止、キーボード操作、読み上げ通知、動きを抑える設定への対応を確認・修正するスキル。

• 自動再生スライドの停止操作の点検
• キーボードだけでの操作確認
• スライド変更の読み上げ通知の確認

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

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

SharedArrayBufferなどに必要なクロスオリジン分離を点検。セキュリティヘッダーと外部リソースの互換性を調べ、ブラウザーでの成立を確認するスキル。

• SharedArrayBufferの利用要件確認
• COEP導入前の外部リソース調査
• ポップアップや埋め込みへの影響確認