「changes」の検索結果

表示幅に対して大きすぎるWeb画像を調べ、画面サイズに合った画像配信へ修正するスキル。画像の寸法と実際の表示幅、srcsetやsizesの指定を確認します。

• スマホ向けページの過大な画像を探したいとき
• srcsetとsizesの指定を点検したいとき
• 画面幅に合う画像サイズを用意したいとき

ページの初期表示を妨げるCSSやJavaScriptを調べ、実測で原因を確かめます。読み込み順序や重要なスタイルの配置を見直し、表示の遅れを改善するスキルです。

• 読み込み中の白い画面の原因調査
• CSS・JavaScriptの読み込み見直し
• 初期表示に必要なCSSの直接記述

Webサイトの画像容量や表示サイズ、読み込み方を点検し、形式ごとの圧縮や不要な付加情報の削除を進め、変更前後のファイルサイズを比較するスキル。

• 表示を遅くする画像を探したいとき
• 圧縮前後のファイル容量比較
• 画像の不要なメタデータ削除

画像やJavaScriptなどを含むページ全体の転送量を測り、読み込みを重くする原因を確認します。1500KB未満を目安に、画像やコードの削減を進めます。

• モバイル回線での読み込み遅延の調査
• ページ総容量が上限内か確認したいとき
• 重い画像やJavaScriptの軽量化

Webページの読み込みを調べ、画像やフォントの先読み、外部サービスへの事前接続を提案するスキル。計測した遅延の原因に合わせ、リソースヒントの使い分けと追加を支援します。

• 主要画像やフォントの先読み確認
• 外部サービスへの事前接続の調整
• 次の画面で使うファイルの先読み

動きを減らす端末設定にサイトが対応しているかを確認し、アニメーションや点滅、スクロール演出の代替表示、一時停止操作、事前の警告を点検するスキル。

• 動きを減らす設定への対応確認
• 点滅の頻度を点検したいとき
• スクロール演出の代替表示を検討

HTMLの `<object>` 要素を点検し、埋め込み内容を読み込めない場合にも情報が伝わる代替テキストや代替コンテンツを整えるスキル。

• 代替内容のないobject要素の確認
• 埋め込みの読み込み失敗に備えたいとき
• 代替内容が同等の情報を伝えるか点検

ページの読み込み時間を測り、3秒未満を目指して遅延の原因を調べます。重い画像や通信、描画処理を実測で確認し、遅延読み込みやキャッシュなどの改善につなげます。

• ページ表示の遅さを調べたいとき
• 重いリソースや描画処理の特定
• 低速回線での表示性能の確認

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

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

ページの主要領域を示すHTML要素とラベルを点検し、スクリーンリーダーで本文やナビゲーションへ移動しやすい構造への改善を支援するスキル。

• 読み上げ時のページ内移動の点検
• 汎用コンテナを意味のあるHTMLへ改善
• 複数のナビゲーションのラベル確認

JavaScriptのイベント処理やタイマー、不要になった通信などを点検し、画面を使い続けるとメモリ使用量が増える原因を調査・修正するスキル。

• 長時間利用でメモリが増える原因の調査
• 部品を破棄するときの後処理の確認
• 画面変更後の不要な通信を止めたいとき

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

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

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

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

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

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

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

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

JavaScriptライブラリの古いバージョンや既知の脆弱性、容量の重さを点検し、実測した問題を根拠に、安全な更新や軽量な代替への置き換えを検討するスキル。

• 依存ライブラリの脆弱性を調べたいとき
• 読み込みを遅くする原因を調べたいとき
• 軽量な代替ライブラリを検討したいとき

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

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

AIがウェブページの内容を読み取りやすいか、見出しやHTML構造、JavaScriptなしでの本文表示、構造化データを点検し、改善を支援するスキル。

• AIの回答で参照されるページの点検
• 見出しや各節を単独で伝わる文にしたいとき
• JavaScriptなしの本文表示の確認

モダンブラウザに不要な旧形式のJavaScriptや互換コードを調べ、実測で負荷を確かめながら、配信方法とビルド設定の見直しを支援するスキル。

• ページ読み込みの遅さを調べたいとき
• 不要な互換コードの点検
• モダンブラウザ向けビルド設定の見直し

Webページや画像などの配信時に、ファイルの種類とHTTPヘッダーが一致しているかを点検し、CSSやJavaScriptが読み込めない原因とサーバー設定の修正箇所を整理するスキル。

• CSSやスクリプトの読込不良を調べたいとき
• 静的ファイルの配信設定の監査
• 文字コードとnosniff設定の確認

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

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

JavaScriptによるページ転送を調べ、読み込みの遅れを実測で確認します。問題のある箇所を示し、サーバー側の301・302転送への変更を支援します。

• ページ転送による遅延を調べたいとき
• window.locationの転送処理のレビュー
• サーバー側への転送切り替えの検討

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

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

同じドメイン内のリンクに付いたnofollowを調べ、掲載元・リンク文言・移動先を一覧化し、属性の削除や目的に応じた設定の見直しを支援するスキル。

• 内部リンクのnofollowを点検
• ナビゲーションやヘッダーのリンクを確認
• テンプレートによる一括付与を調べたいとき