スキルを探す

API・サービス・データベースなどの接続部分を調べ、主要な処理の結合テストを整えます。正常系と重要な異常系に加え、CIでの継続的な検証の不足も確認します。

• APIとサービスとDBの連携検証
• 画面部品と状態管理の連携確認
• 主要な処理のCIテストを見直したいとき

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

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

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

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

画像の代替テキストに含まれる「画像」「写真」などの冗長な表現や周辺文章との重複を点検し、スクリーンリーダーで意味が伝わる簡潔な説明へ修正するスキル。

• 画像の代替テキストを点検したいとき
• キャプションとの重複を減らしたいとき
• 修正後の読み上げを確認したいとき

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

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

Webサイトの画像配信を点検し、CDNによる形式変換やサイズ調整の設定を支援します。画像容量、表示サイズ、読み込み方法と初期表示への影響を確認します。

• 画像のCDN配信を確認したいとき
• 画像のサイズ調整と形式変換の自動化
• 画像読み込みと初期表示への影響の確認

Webページの見出し階層を点検し、見出しレベルの飛びや構造の不整合を修正して、スクリーンリーダーで内容をたどりやすくするためのスキル。

• ページの見出し順を点検したいとき
• 共通コンポーネントの見出し構造の確認
• 読み上げの見出し一覧を整えたいとき

ページの主題を伝えるH1見出しを点検・作成します。欠落や重複、空欄、ブランド名だけの見出しを見つけ、本文やタイトルと整合する具体的な文面に整えます。

• ページの見出しを点検したいとき
• LPやブログ記事のH1作成
• CMSテンプレートの出力確認

サイト内のリンク構造を調べ、重要ページへのリンク不足や孤立ページを見つけるスキル。関連記事からのリンク追加や、リンク文言の具体化を支援します。

• 重要ページへのリンク不足を探したいとき
• 関連記事同士のリンクを追加したいとき
• 曖昧なリンク文言を見直したいとき

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

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

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

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

HTTPSサイトの応答ヘッダーを点検し、暗号化通信を継続させるHSTSの設定、サブドメインへの適用、事前登録の注意点まで確認するスキル。

• HTTPS応答のHSTSを確認したいとき
• サーバーやCDNにHSTSを設定したいとき
• 有効期間とサブドメイン適用の点検

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

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

HTMLフォームやJavaScriptの送信先を点検し、HTTP通信による情報漏えいを防ぐために、送信先URLとページのHTTPS設定を見直すスキル。

• ログインフォームの送信先を確認したいとき
• fetchやXHRの接続先を点検したいとき
• action省略フォームの確認

ページの読み込みが遅い原因を測定し、HTTP/2・HTTP/3の利用状況を確認します。通信上の問題に応じて、WebサーバーやCDNの設定変更を案内します。

• ページの読み込み遅延の調査
• リソース配信のHTTP方式の確認
• WebサーバーやCDNの設定見直し

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

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

画像を使った入力ボタンのHTMLを点検し、操作の目的を伝える代替テキストの不足を見つけます。検索や送信などの動作が読み上げでも分かるよう、alt属性の修正を支援します。

• 画像入力ボタンの代替テキスト点検
• 検索・送信ボタンの説明を整えたいとき
• 共通の画像ボタン部品のレビュー

WebページのHTMLを点検し、汎用のdivを内容の役割に合う要素へ置き換える方針を示して、読み上げでの移動や検索エンジンによる構造の理解を支えるスキル。

• div中心のページ構造を見直したいとき
• テンプレートや共通部品の出力HTML確認
• 読み上げで移動しやすい構造にしたいとき

フロントエンドのコードや公開ページを386のルールで点検します。アクセシビリティや表示速度、SEOなどを横断し、根拠のある問題と具体的な修正方法を整理します。

• 公開前のページを点検したいとき
• フォームや操作部品のコードレビュー
• 表示速度とセキュリティの点検

HTTPで開いたサイトがHTTPSへ正しく転送されるかを点検します。301応答とパス・クエリの保持を確認し、サーバーやCDNの転送設定の修正を支援します。

• サイト公開前に転送を確認したいとき
• 転送時のパスやクエリを確認したいとき
• サーバーの転送とHSTS設定の見直し

フォームの入力欄とラベルの対応を点検し、プレースホルダーだけの項目や選択肢グループの見出し不足を見つけて、読み上げや操作に配慮した修正を支援します。

• 申し込みフォームのラベル点検
• プレースホルダーだけの項目を直したいとき
• チェックボックスやラジオボタンの群を点検

HTMLで読み込みの遅い重要リソースを見つけ、フォントや画像の先読み、外部ドメインへの事前接続を見直すスキル。ブラウザに届くマークアップまで確認します。

• 重要なフォントや画像の先読み確認
• 外部ドメインへの事前接続の確認
• 出力されたHTMLのヒント監査

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

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

検索に載せたい重要ページを対象に、noindexやHTTPヘッダー、robots.txt、CMSの設定を点検し、意図しない検索登録の妨げを見つけて修正するスキル。

• 重要ページがGoogle検索に出ない原因の調査
• 公開後にテスト環境の制限が残っていないかの確認
• CMSのページ・カテゴリ別登録設定の点検