スキルを探す

大量の行やカードを表示する画面を調べ、見えている範囲だけを描画する仮想化を検討し、操作性やアクセシビリティを保ちながら表示負荷の改善を支援するスキル。

• 管理画面の表が重い原因を調べたいとき
• 長い検索結果の表示を見直したいとき
• フィードの描画負荷を減らしたいとき

HTTPSページに紛れたHTTPの画像やスクリプトを調べ、混在コンテンツを修正します。URLの置き換えとセキュリティヘッダーの設定を確認するスキルです。

• HTTPSページの混在コンテンツ点検
• HTTPS移行後のリソースURL確認
• 古い記事に残るHTTP参照の修正

リンク先が単独でも伝わる文言かを点検し、曖昧な表現や読み上げ用の名前を改善します。キーボード操作やダウンロードリンクの案内も確認するスキルです。

• 曖昧なリンク文言を直したいとき
• 読み上げ時のリンクを点検したいとき
• ダウンロードリンクの案内確認

記事・商品・FAQなどの情報を検索エンジンに伝えるJSON-LDを作成・点検し、構文エラーや必須項目の不足を修正して、リッチリザルト向けの検証を進めるスキル。

• 記事や商品の構造化データを作成したいとき
• FAQやパンくずリストの構造化データの点検
• JSONの構文エラーや必須項目不足の確認

HTMLの自動転送設定を点検し、突然のページ更新や移動による読み上げの中断を防ぐ修正を提案します。サーバー側の転送や利用者が選べるリンクへの置き換えを扱います。

• HTMLの自動転送を探したいとき
• サーバー側の転送に置き換えたいとき
• 読み上げ利用時のページ移動の点検

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

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

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

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

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

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

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

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

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

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

本文中のリンクが色だけに頼らず見分けられるかを点検します。下線、文字色のコントラスト、ホバーやフォーカス時の表示を確認し、CSSの修正案を示します。

• 本文リンクの下線を外す際の確認
• リンクと本文のコントラスト確認
• ホバーやフォーカス表示の点検

HTMLのリスト項目と親要素の関係を点検し、読み上げソフトに項目数や一覧の構造が伝わるよう、リストの入れ子やARIAの指定を修正するスキル。

• 部品に分かれたリスト構造の点検
• ナビゲーションの入れ子修正
• 独自リストの親ロール確認

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

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

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

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

ページのHTML容量を調べ、埋め込みJSONや画像など肥大化の原因を確認します。検索エンジンの巡回を意識した軽量化や、インデックスされない内容の調査に使えます。

• 検索に出ないページ内容を調べたいとき
• HTML内の巨大なJSONの見直し
• ECサイトのHTML容量点検

JavaScriptの構文ミスや規約違反をESLintで検出し、ルール設定からエディター・CI/CDへの組み込み、警告の修正まで支援します。

• JavaScriptにESLintを導入したいとき
• チームのコーディング規約を統一したいとき
• エディターやCI/CDで自動チェック

URL内の単語区切りを点検し、アンダースコアや空白をハイフンへ統一するためのスラッグ生成、301転送、内部リンク更新までの手順を整理するスキル。

• URL内のアンダースコアや空白の点検
• タイトルからスラッグを生成したいとき
• 301転送を伴うURL移行の計画

HTTPSサイトに残るHTTPのリンクや画像・スクリプトのURLを調べ、内部・外部・リソース別に整理し、リンク先の対応状況を確かめて修正するスキル。

• HTTPS移行時のリンク確認
• 直接書かれたHTTPのURLを探したいとき
• 画像やスクリプトの参照先確認

子要素の状態や入力内容に応じて親要素の見た目を変える処理を見直し、JavaScriptのクラス切り替えをCSSの :has() に置き換える支援をします。

• クラス切り替え処理をCSSに移したいとき
• 入力状態に応じたフォームの装飾
• 子要素の有無に応じた親要素の装飾

本文を覆うポップアップやモーダルを点検し、モバイルでの閲覧、閉じる操作、キーボードのフォーカス管理を確認して、SEOとアクセシビリティの改善を支援するスキル。

• モバイルの広告ポップアップ点検
• モーダルをキーボードで閉じたいとき
• ダイアログ開閉時のフォーカス確認

画面の文章や操作案内を見直し、障害・性別・文化への思い込みを含む表現や利用者を責めるエラー文を見つけ、中立で建設的な言い換えを提案するスキル。

• 画面文言の排他的な表現の点検
• 利用者を責めるエラー文の書き換え
• 性別を決めつけない表現を選びたいとき

HTMLに直接書かれたJavaScriptを点検し、外部ファイルとaddEventListenerへ整理して、保守性やキャッシュ利用の改善を支援します。

• HTML内のJavaScriptを分離したいとき
• onclickをaddEventListenerに変更
• キャッシュ利用と保守性の見直し

狭い画面やブラウザ拡大時に生じる横スクロールを、CSSの幅指定や折り返し設定から点検し、本文や画像が画面内に収まる修正を支援するスキル。

• スマホ表示の横スクロールを直したいとき
• 400%拡大時の表示を確認したいとき
• 長いURLや画像のはみ出し点検

サイト内の画像容量を用途別の目安で点検し、重い画像と削減目標を一覧化します。圧縮・形式変更・端末別の配信を見直し、容量と表示寸法の問題を切り分けます。

• 容量超過の画像と削減目標の一覧化
• CMSに登録された画像の点検
• ヒーロー画像やサムネイルの軽量化