「changes」の検索結果

モーダルの開閉や画面遷移で、キーボードの操作対象が適切に移るかを点検するスキル。フォーカスの移動・復帰を見直し、動的な画面で操作位置を見失う問題を改善します。

• モーダル開閉時のフォーカス確認
• SPAの画面遷移後の操作位置確認
• 動的更新時のキーボード操作改善

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

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

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

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

固定ヘッダーやバナーがキーボード操作中の選択先を隠していないか点検します。拡大表示やモバイル画面も確認し、余白やスクロールの修正を支援します。

• 固定ヘッダー周辺のキー操作確認
• バナーやチャット表示中の動作確認
• 拡大時やモバイル画面の重なり確認

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

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

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

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

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

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

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

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

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

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

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

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

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

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

実際のブラウザでページの読み込みや描画を測定し、遅さの原因となる通信・スクリプト実行・レイアウト処理を特定して、改善点を検討するスキル。

• ページの読み込みが遅い原因の調査
• 端末や回線条件ごとの性能比較
• 開発やCI/CDへの性能監査の導入

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

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

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

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

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

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

ページ表示の遅さを実測し、画像などの静的ファイルがCDNから適切に配信されているかを点検。キャッシュ設定や配信経路の改善につなげるスキル。

• ページ表示が遅い原因を調べたいとき
• 画像やスクリプトのCDN配信の点検
• 海外向けのキャッシュ設定の見直し

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

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

CSSファイルの容量と読み込みを調べ、表示の遅さにつながる箇所を測定で確認しながら、不要なスタイルの削除や圧縮、ページ別の分割を進めるスキル。

• ページの初期表示が遅い原因の調査
• 容量の大きいCSSを探したいとき
• 未使用スタイルの削除とCSSの圧縮

フロントエンドがAPIに期待する応答を契約としてテストにまとめ、Pactでバックエンドとの整合性を検証し、別々に変更・デプロイする際の確認を支援するスキル。

• フロントエンドとAPIの整合性テスト導入
• サービスを個別にデプロイできるか確認
• 遅いE2Eテストの一部を置き換えたいとき

CSSを無効にしても内容を理解し操作できるか、HTMLの読み順や見出し、フォームのラベルを点検し、見た目に依存した構造の修正を支援するスキル。

• CSS無効時の使いやすさの確認
• 読み順や見出し構造の見直し
• フォームのラベルやエラー表示の点検

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

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

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

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

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

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

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

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