「changes」の検索結果

サイト全体が有効な証明書でHTTPS配信されているかを点検し、HTTPからの転送や内部リンク、読み込む素材のURLを含めた設定の修正を支援します。

• サイト全体のHTTPS対応の点検
• 証明書の期限と対応ホスト名の確認
• HTTPからHTTPSへの恒久転送の確認

Google Tag Managerがページの表示速度に与える影響を実測し、不要なタグやトリガー、読み込み方法を点検して改善案を示すスキル。

• GTM導入ページの遅さを調べたいとき
• 不要なタグやトリガーの見直し
• 非同期読み込みの確認

クリックなどの操作から画面が更新されるまでの遅れを測り、反応が鈍い原因を調べます。測定結果を基に、イベント処理や重い計算の見直しを支援します。

• クリックなどへの反応の遅さを調べたいとき
• 測定に基づくイベント処理と長時間処理の見直し
• 重い計算のweb workers移行を検討したいとき

多言語サイトの言語・地域別ページを検索エンジンに伝えるhreflangを点検・修正します。実際のHTMLとHTTP応答を確認し、相互参照や既定ページの設定漏れを探します。

• 言語・地域別ページの設定確認
• 言語版同士の相互参照の点検
• 既定ページの設定確認

本番配信するJavaScriptの軽量化状況を点検し、ビルド設定や未使用コードの除去を見直して、ファイル容量と読み込み時の負荷を減らすスキル。

• 本番JavaScriptの軽量化確認
• 配信ファイルを小さくしたいとき
• 未使用コードの除去

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

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

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

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

ドラッグ＆ドロップをキーボードやスクリーンリーダーでも使えるか点検し、実際に表示されるHTMLを基に、代替操作や操作状況の読み上げを整えるスキル。

• ドラッグ操作のキーボード対応確認
• スクリーンリーダーへの状態通知確認
• 出力されたHTMLの点検

JavaScriptの読み込み・公開方法を点検し、CommonJSからimport/exportへの移行を支援します。ブラウザでの実行経路も確認し、修正後の検証方法を示します。

• require()をimportに変換したいとき
• module.exportsからの移行
• ブラウザでのモジュール読み込みの点検

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

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

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

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

キーボード操作中の選択位置を示すフォーカス表示を点検し、輪郭線の消失や見切れ、配置ずれを確認して、見やすいCSSへの修正を支援するスキル。

• キーボード操作の選択位置を確認したいとき
• 輪郭線を消したCSSの見直し
• フォーカス枠の見切れや位置ずれの修正

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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