「changes」の検索結果

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

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

記事やブログの公開日・更新日を点検し、読者向けの日付表示と検索エンジン向けの構造化データを整え、本文の実質的な変更に合う更新日の管理を支援します。

• ブログ記事の日付表示の点検
• Article JSON-LDへの日付追加
• CMSテンプレートの日付処理確認

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

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

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

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

購入や登録など複数ページにまたがる操作で、チャットや連絡先、FAQへの入口の位置と並び順を比較し、ヘルプを一貫して探せる配置への修正を支援します。

• 購入手続きのヘルプ配置の点検
• 登録手順のサポートリンクの統一
• アカウント復旧時のヘルプ導線確認

Google Consent Mode v2の実装と同意状態の送信を点検します。広告関連の同意項目や通信を確認し、GTMやgtag.jsの設定修正を支援します。

• Consent Mode v2の実装点検
• 広告関連の同意設定を更新したいとき
• Googleへの同意信号の送信確認

ページを開いてすぐ見える重要画像の読み込み順を点検し、画像サイズや遅延読み込み、優先度指定を見直して、主要コンテンツの表示改善を支援するスキル。

• ヒーロー画像の読み込み優先度の点検
• 初期表示画像の遅延読み込みを調べたいとき
• DevToolsで画像の修正を確認したいとき

CSSに散らばる色・余白・文字サイズの指定を見つけ、共通のCSSカスタムプロパティへ整理します。テーマ変更や画面幅ごとの表示を確認しながら修正を提案します。

• 重複する色や余白の整理
• ブランド変更に向けたCSS整備
• ダークモード用の値の見直し

CSS変数を使うアニメーションやグラデーションを点検し、@propertyで値の型・初期値・継承を定義して、滑らかな変化を支援するスキル。

• グラデーションを滑らかに動かしたいとき
• CSS変数を使う画面効果の点検
• デザイントークンの型と継承の設定

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

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

閉じ忘れたタグや誤った入れ子など、HTML構造の不備を点検・修正します。実際のHTMLとHTTP応答を確認し、表示や検索エンジンの読み取りに影響する問題を探します。

• タグの閉じ忘れや入れ子の点検
• HTMLに起因する表示崩れの調査
• 検索エンジン向けのHTML構造確認

CSSアニメーションで描画負荷のかかる指定を見つけ、transformやopacityを使う修正を提案します。画面幅や操作状態ごとの表示、動きを減らす設定も確認します。

• カクつくアニメーションの見直し
• 位置やサイズを動かす指定の修正
• 動きを減らす設定の確認

フォームの結果やカート更新など、画面内で変わる情報が読み上げ利用者に伝わるかを点検し、ARIAライブリージョンの属性と通知の優先度を見直すスキル。

• フォーム結果とエラーの読み上げ点検
• カート更新を読み上げで伝えたいとき
• 読み込み状態や状況通知の点検

画面のHTMLを確認し、role="text"の内側にあるリンクやボタンを検出。読み上げで操作要素が隠れる問題の修正と、キーボード操作の確認を支援します。

• テキスト内のリンクやボタンの点検
• 読み上げで操作要素が消える原因調査
• デザインシステムのアクセシビリティ確認

ページ内の大きなアニメーションGIFを調べ、計測で負荷を確認したうえでMP4やWebMへの変換と動画タグへの置き換えを支援するスキル。

• GIFを含むページの遅さを調べたいとき
• 大きなGIFをMP4やWebMに変えたいとき
• ループ動画の再生属性を見直したいとき

読み上げ対象から隠した領域に、キーボードで移動できるリンクやボタンが残っていないか調べ、フォーカスの迷子を防ぐ修正と検証方法を示すスキル。

• 非表示領域に残る操作要素の点検
• キー操作中に読み上げが途切れる原因調査
• 共通UI部品のアクセシビリティ確認

ダイアログの目的がスクリーンリーダーで伝わるかを点検し、タイトルやラベルの付け方を見直します。対象の要素と修正後の確認方法も示すスキル。

• モーダルの読み上げ名の点検
• 警告ダイアログのラベル確認
• 共通ダイアログ部品のレビュー

フォームのエラーや完了通知、リアルタイム更新が読み上げでも伝わるよう、実際に表示されるHTMLの属性、表示時間、閉じる操作を点検するスキル。

• フォームエラーの読み上げ確認
• 完了通知の表示時間を見直したいとき
• リアルタイム通知の点検

ボタンやリンクなどに、操作内容や移動先が伝わる名前が付いているかを点検します。表示テキストやaria-labelの不足を指摘し、具体的な修正案を示します。

• 名前のないボタンやリンクの検出
• 曖昧なラベルの見直し
• 共通部品の操作名のレビュー

ページ内のaccesskey属性の重複を調べ、キーボード操作の競合を見つけます。値の割り当て直しや不要な指定の削除を提案し、修正後の確認方法まで整理します。

• キーボードショートカットの重複確認
• 操作要素へのキーボード移動のレビュー
• ショートカット修正後の操作確認

ページ全体がスクリーンリーダーから隠れる原因となるbodyのaria-hiddenを点検し、モーダル表示時などの誤設定を特定して修正を支援するスキル。

• モーダル表示時の読み上げを確認したいとき
• ページが読み上げられない原因の調査
• 状態変化に伴うbody属性の点検

画面要素の役割を支援技術に伝えるARIAの指定を点検し、誤記や未定義の値を修正します。標準HTMLへの置き換えや、キー操作・読み上げの確認も支援します。

• ARIAの誤記や未定義値を探したいとき
• 独自部品を標準HTMLへ置き換え
• 共通UI部品のアクセシビリティ確認

ツールチップの補足情報がスクリーンリーダーに伝わるかを点検。読み上げ用の名前や表示元の要素との関連付けを確認し、修正案と検証方法を示すスキル。

• ツールチップの読み上げ確認
• 表示元と補足説明の関連付けの点検
• 共通ツールチップ部品のレビュー

チェックボックスやラジオボタン、スイッチの読み上げ用の名前を点検し、何を選択・切り替える操作かが伝わるラベルの付け方と確認方法を示すスキル。

• チェックボックスやラジオのラベル確認
• スイッチ名が目的を伝えるかの点検
• 読み上げ用の名前の不足や曖昧さの修正