スキルを探す

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

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

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

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

フォームへの貼り付けを妨げるコードを見つけて修正し、パスワード管理ツールの利用や長い文字列の入力を支えるアクセシビリティを確認するスキル。

• パスワードを貼り付けられない原因調査
• カード入力欄の貼り付け制限の確認
• フォームのアクセシビリティ改善

サイトからリンクしたPDFの容量と配信状態を点検し、検索で内容が十分に取り込まれないリスクを洗い出して、圧縮やHTML版の併設を提案します。

• レポートや白書の配布リンク点検
• 大容量PDFの圧縮を検討したいとき
• PDF内容のHTML版を検討したいとき

文字サイズや幅、余白の固定ピクセル指定を点検し、画面幅や利用者の文字サイズ設定に合わせて表示が変わる相対単位への置き換えを支援します。

• ブラウザの文字サイズ設定への対応
• 固定幅から柔軟なレイアウトへの変更
• コンポーネント内の余白単位の見直し

画像を条件に応じて切り替えるpicture要素を点検し、代替表示用のimg、説明文や寸法、画像形式の指定を整え、修正後のHTMLを示すスキル。

• AVIFやWebPの代替画像を確認
• picture要素の順序と属性の点検
• 説明文や寸法がない画像指定の修正

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

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

背景と前景が異なる速さで動くパララックス演出を点検し、動きを減らす設定への対応と、演出なしでも必要な情報が伝わる静的な表示への修正を支援します。

• Webサイトのパララックス演出の点検
• 動きを減らす設定への対応確認
• 動くコンテンツの静的な表示を用意

URL移行後などのサイト内リンクを巡回し、転送元・途中の経路・最終到達先を整理して、転送を挟まず目的のページへ直接つながるリンクへの修正を支援するスキル。

• URL移行後の内部リンク更新
• ドメイン変更後のリンク点検
• サイト刷新後の転送経路の洗い出し

商品やサービスのレビュー情報を検索エンジンへ伝える構造化データを点検・追加します。実際の評価データと必須項目を確認し、検索結果での星評価表示に備えます。

• 商品ページのレビュー情報を点検
• 実際の口コミから平均評価を追加
• 検索結果の星評価表示への適合確認

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

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

Webページのナビゲーションを点検し、nav要素や識別ラベル、スキップリンクを使って、スクリーンリーダーで目的の領域へ移動しやすい構造に整えるスキル。

• メインとフッターの操作性を見直したいとき
• 複数のナビゲーションを区別したいとき
• 共通部品が出力するHTMLの点検

店舗や事業所のサイトに載る名称・住所・電話番号を照合し、表記ゆれを洗い出します。ページ本文から構造化データまで統一し、ローカルSEOの点検に役立てます。

• 店舗サイトの連絡先を点検したいとき
• 住所や電話番号の表記統一
• 構造化データと本文の照合

テストで外部依存を代役に置き換えるモックの使い方を点検し、過剰な置き換えや後片付け漏れを修正します。CIで問題を継続的に検知できるかも確認します。

• モックが多すぎるテストの見直し
• テスト間の後片付けの確認
• 実際に近いAPIモックへの改善

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

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

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

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

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

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

検索結果やブラウザーのタブに使われるページタイトルを点検し、タグの有無、文字数、ページ間の重複、主要キーワードの位置を確認して改善するスキル。

• ページ公開前のタイトル点検
• サイト内の重複タイトルを探したいとき
• 主要キーワードに沿ったタイトル作成

ブラウザに表示されるHTMLを基準に、内部・外部リンクやページ内リンクの不備を点検します。404や意図しない転送を見つけ、修正と継続的な監視の導入を支援します。

• ドキュメントやECサイトのリンク点検
• 共通部品が出力するリンクのレビュー
• CI/CDへのリンク自動チェック導入

ページの主要コンテンツが表示されるまでの時間を計測し、画像やサーバー応答、描画処理のボトルネックを特定して、根拠に基づく改善を支援するスキル。

• 主要コンテンツの表示遅延を調べたいとき
• メイン画像の読み込みを見直したいとき
• 計測結果から改善の優先順位を決めたいとき

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

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

ページの主要コンテンツを示すmain領域が一つだけあるかを確認し、重複や欠落を指摘して、スクリーンリーダー利用時の移動先を明確にするスキル。

• ページひな型のmain領域を確認
• 組み合わせたレイアウトのmain重複を修正
• スクリーンリーダーで本文への移動を確認

URLに含まれる大文字を調べ、小文字への統一と301リダイレクトの設定を支援するスキル。内部リンクやサイトマップも確認し、重複URLを整理します。

• URL内の大文字を点検したいとき
• 新規サイトのURL統一方針を決めるとき
• 301リダイレクトを検証したいとき

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

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