スキルを探す

CSSの曖昧なクラス名や命名のばらつきを調べ、部品・要素・状態を表すBEM形式に整理するスキル。画面幅や操作状態ごとの実際の表示も確認します。

• CSSクラス名のばらつきの点検
• コンポーネントの命名をBEMに統一
• 補助クラスとJavaScript用クラスの区別

検索結果に表示されるページ説明文を作成・点検し、未設定や重複、文字数の問題を修正します。各ページの内容と価値が伝わる固有の要約に整えます。

• 新規ページの説明文を作りたいとき
• 説明文の未設定や重複を探したいとき
• 説明文の文字数やHTMLを点検したいとき

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

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

Web画面をキーボードだけで操作できるか点検し、Tabの移動順や非表示要素への移動、操作から抜け出せない問題を確認します。該当要素と修正・検証方法を示します。

• Tabで全操作要素に届くか確認
• 見た目に合うフォーカス順への修正
• 非表示要素をTabの移動対象から除外

Webサイトの画像形式を点検し、WebP・AVIFへの変換や代替画像の設定を支援します。表示サイズや読み込み方も調べ、具体的な修正箇所を示します。

• JPEG・PNGの変換候補の洗い出し
• WebP・AVIFと代替画像の設定
• CSS背景画像の形式の見直し

実店舗や地域密着型ビジネスのサイトで、店名・住所・電話番号・営業時間などを検索エンジンに伝える構造化データを点検し、追加や修正を支援するスキル。

• 地域ビジネスの構造化データ点検
• ホームや問い合わせページへの事業情報追加
• 飲食店や店舗に合うタイプの選択

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

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

本文やタイトル、メタ情報、画像の代替テキストにあるキーワードの不自然な反復を調べ、頻出語と出現率を示しながら、読みやすい自然な表現への修正を支援するスキル。

• 記事のキーワード過多を点検したいとき
• AI生成文の反復表現の推敲
• タイトル・メタ情報・代替テキストの点検

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

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

HTMLの言語指定を点検し、未設定・空欄・本文との不一致を見つけて修正します。多言語が混在する箇所も確認し、読み上げや翻訳に使われる言語情報を整えます。

• ページ全体の言語指定の確認
• 多言語コンテンツの言語切り替え指定
• 読み上げの発音に関わる設定の点検

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

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

CSSの余白や罫線、配置指定を点検し、左右などの固定方向から文字の流れに沿う論理プロパティへ置き換えて、右から左の言語や縦書きに対応するスキル。

• アラビア語やヘブライ語に対応したいとき
• CSSの左右固定の余白指定の置き換え
• 縦書きレイアウトの確認

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

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

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

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

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

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

公開ドキュメントの入口となる `/llms.txt` を点検・整備し、重要なページの選定、リンク先へのアクセス、配置場所の妥当性を確認するスキル。

• 公開ドキュメントの入口を点検したいとき
• 重要なAPI資料や入門ガイドの選定
• 資料へのリンクの到達確認

業務ロジックや計算処理のコードに小さな変更を加え、既存テストが不具合を検出できるかを評価します。Strykerの導入から、見逃された変更に対するテスト改善まで支援します。

• カバレッジ以外でテスト品質を確認
• 単一モジュールへのStryker導入
• 重要な計算処理のテスト強化

モーダルダイアログのキーボード操作と読み上げ対応を点検し、フォーカスの移動、Escapeでの終了、タイトルの関連付けの改善を支援するスキル。

• モーダルのキーボード操作の点検
• 開閉時のフォーカス移動を確認したいとき
• タイトルと読み上げ用ラベルの確認

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

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

TypeScriptの配列やオブジェクトの添字アクセスを点検し、設定の見直しと未定義値のチェック追加を通じて、実行時エラーにつながる見落としを減らすスキル。

• TypeScriptの安全設定の点検
• データ処理の配列アクセスのレビュー
• 予期しない未定義値エラーの調査

ページの主要領域を示すHTML要素とラベルを点検し、スクリーンリーダーで本文やナビゲーションへ移動しやすい構造への改善を支援するスキル。

• 読み上げ時のページ内移動の点検
• 汎用コンテナを意味のあるHTMLへ改善
• 複数のナビゲーションのラベル確認

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

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

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

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

HTMLやJSXで新しいタブを開くリンクを点検し、rel属性の不足を修正します。元のタブへの不正な操作を防ぐ仕組みや、参照元情報の扱いも説明します。

• 新しいタブで開くリンクの点検
• JSXのrel属性漏れを修正したいとき
• noopenerとnoreferrerの理解