David Dias

件数を含む画面の文言や翻訳ファイルを点検し、単数・複数の二択では扱えない言語も含め、対象言語に合う表現へ実装を見直すためのスキル。

• 多言語画面の件数表示のレビュー
• アラビア語やロシア語の複数形対応
• 翻訳ファイルと国際化設定の点検

サイト移行やドメイン変更後の転送設定を点検し、多段リダイレクトやループを洗い出します。転送経路と応答コードを記録し、最終URLへ直接つなぐ修正を支援します。

• URL移行後の転送経路を点検したいとき
• ドメイン変更後の多段転送やループの調査
• CMS更新で蓄積した転送設定の整理

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

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

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

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

JavaScriptファイルの圧縮後の容量と読み込み負荷を調べ、コードの分割や未使用部分の除去、依存関係の見直しで表示や操作の遅れを改善するスキル。

• 圧縮後200KB超のJSを探したいとき
• ページ操作開始までの遅れを調べたいとき
• コード分割で容量を減らしたいとき

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

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

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

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

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

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

データ取得や送信中の待ち時間に、処理状況が伝わる表示を点検・実装します。スピナーや仮の表示枠、読み上げ対応、読み込み完了時のレイアウトのずれまで確認します。

• データ取得中の待機表示を付けたいとき
• 操作の実行中に進捗を伝えたいとき
• 読み込み状態の読み上げ対応を確認

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

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

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

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

海外向けサイトの画像やアイコンを点検し、文化によって意味が変わる表現を見直すスキル。地域に偏りにくい素材への置換や、地域別の画像切り替えを扱います。

• 海外展開前の画像レビュー
• ジェスチャーや文化的記号の確認
• 言語・地域別に画像を変えたいとき

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

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

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

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

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

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

モダンブラウザに不要な旧形式のJavaScriptや互換コードを調べ、実測で負荷を確かめながら、配信方法とビルド設定の見直しを支援するスキル。

• ページ読み込みの遅さを調べたいとき
• 不要な互換コードの点検
• モダンブラウザ向けビルド設定の見直し

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

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

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

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

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

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

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

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

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

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

ページを開いて最初に見える画像の遅延読み込みを点検し、実測で表示の遅れを確認したうえで、属性の削除や読み込み優先度の見直しを案内するスキル。

• メイン画像の読み込み設定点検
• LCPに影響する画像の遅れを調べたいとき
• 最初に見える画像の読み込み属性の調整

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

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

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

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