「review」の検索結果

画像ファイル名を点検し、内容が伝わる小文字・ハイフン区切りの名前へ整理します。変更に伴う参照先の更新も扱い、画像検索と素材管理に役立てます。

• 商品画像の名前を見直したいとき
• 画像ライブラリの命名統一
• 画像の一括改名と参照更新

プロジェクトで使う外部パッケージの既知の脆弱性を調べ、更新・修正・置き換えや、継続的に検査するためのCI設定と依存関係の固定を支援するスキル。

• 本番公開前に依存関係を点検したいとき
• パッケージの脆弱性報告に対応したいとき
• CIに依存関係の自動検査を加えたいとき

JavaScriptの読み込み・公開方法を点検し、CommonJSからimport/exportへの移行を支援します。ブラウザでの実行経路も確認し、修正後の検証方法を示します。

• require()をimportに変換したいとき
• module.exportsからの移行
• ブラウザでのモジュール読み込みの点検

記事の事実や統計を裏付ける外部リンクを点検し、公的資料や公式文書などの出典追加と、有料・広告リンクを含むリンク属性の適切な設定を支援するスキル。

• 出典のない事実や統計を探したいとき
• 公的資料や研究への参照を加えたいとき
• 外部リンクの安全性に関わる属性の点検

リンクやボタン、入力欄のID重複を調べ、修正箇所と確認方法を示します。キーボード操作やスクリーンリーダーでの移動、フォーカスへの影響も点検します。

• フォームのID重複を確認したいとき
• 意図しないフォーカス移動の調査
• 共通の操作部品のレビュー

本番アプリのエラー監視を導入・点検し、未処理の例外や通信失敗の収集、リリース情報の付与、重大な障害を担当者へ知らせる通知設定を整えるスキル。

• 新規アプリの本番エラー監視を整えたいとき
• 監視で検出されないエラーを調べたいとき
• 重大な障害の通知先と基準を見直す

パンくずリストのHTML構造と現在地の指定を点検し、サイトの階層を画面読み上げでも理解できるよう、適切な要素とARIA属性を整えるスキル。

• パンくずの読み上げ対応を点検したいとき
• 共通部品が出力するHTMLの確認
• 構造化データと表示内容の整合確認

CSSを無効にしても内容を理解し操作できるか、HTMLの読み順や見出し、フォームのラベルを点検し、見た目に依存した構造の修正を支援するスキル。

• CSS無効時の使いやすさの確認
• 読み順や見出し構造の見直し
• フォームのラベルやエラー表示の点検

Cookieへの同意前に解析・広告タグが動いていないかを点検します。拒否や同意撤回後の挙動、設定変更の導線まで確認し、実装の修正を支援します。

• 同意前の追跡タグを点検したいとき
• Cookieの拒否・撤回時の挙動確認
• バナーを閉じた後の設定変更導線の確認

HTMLのhead内でCSSとJavaScriptの読み込み順を点検し、画面幅や操作状態ごとの表示も確かめながら、表示の遅れや装飾のちらつきへの修正案を示すスキル。

• 装飾のない画面が一瞬見える原因の調査
• head内のCSSとJSの順序確認
• スクリプト遅延と重要なCSSの点検

大きなJavaScriptの配信ファイルを点検し、初期表示に不要な機能やライブラリを必要な場面で読み込む形へ分割して、読み込み待ちの表示も整えるスキル。

• 大きなJavaScriptの分割候補を探す
• グラフやエディターの読み込みを遅らせる
• ページごとの読み込みコードの点検

SharedArrayBufferなどに必要なクロスオリジン分離を点検。セキュリティヘッダーと外部リソースの互換性を調べ、ブラウザーでの成立を確認するスキル。

• SharedArrayBufferの利用要件確認
• COEP導入前の外部リソース調査
• ポップアップや埋め込みへの影響確認

価格・数値・日時の表示を点検し、言語や地域に合ったIntl APIの使い方へ修正します。通貨記号や区切り文字の固定記述に加え、並べ替えや代替ロケールも確認します。

• 多地域向けの価格表示を整えたいとき
• 数値・日時の手作業整形を置き換える
• 言語に応じた並べ替えの確認

ページを開いてすぐ見える重要画像の読み込み順を点検し、画像サイズや遅延読み込み、優先度指定を見直して、主要コンテンツの表示改善を支援するスキル。

• ヒーロー画像の読み込み優先度の点検
• 初期表示画像の遅延読み込みを調べたいとき
• DevToolsで画像の修正を確認したいとき

CSSに散らばる色・余白・文字サイズの指定を見つけ、共通のCSSカスタムプロパティへ整理します。テーマ変更や画面幅ごとの表示を確認しながら修正を提案します。

• 重複する色や余白の整理
• ブランド変更に向けたCSS整備
• ダークモード用の値の見直し

JavaScriptのvar宣言を行番号付きで洗い出し、再代入の有無に応じてconstやletへ置き換え、変数の有効範囲とブラウザでの動作も確認するスキル。

• var宣言を行番号付きで探したいとき
• varをconstやletへ置換したいとき
• 変数の有効範囲を見直したいとき

ページの初期表示を待たせるCSSの読み込みを点検し、必要なスタイルの埋め込みや後回しの読み込みを支援します。画面幅や操作状態ごとの表示も確認しながら修正を検討します。

• 初期表示を遅らせるCSSを調べたいとき
• 最初に必要なCSSと後回しのCSSの整理
• preloadやmediaによる読み込みの点検

CSSの上書き競合を点検し、`@layer`でスタイルの優先順を明示する構成へ整理して、複雑なセレクターや`!important`への依存を見直すスキル。

• CSSの上書き競合を調べたいとき
• デザインシステムのスタイル優先順を設計
• ユーティリティ中心のCSSから段階的に移行

本番配信するCSSの空白やコメントを削ってファイルを小さくするために、圧縮の適用状況やビルド設定を点検し、画面幅ごとの表示も確認するスキル。

• 本番CSSの圧縮状況の確認
• ビルド工程に圧縮を追加したいとき
• PostCSSの出力を見直したいとき

WebサイトのCSP設定とHTMLの挿入処理を点検し、読み込めるリソースの制限や安全な表示処理を整え、本番に近い環境でブラウザの挙動まで検証するスキル。

• 既存のCSP設定を点検したいとき
• スクリプトや外部リソースを制限したいとき
• 信頼できないHTMLの表示処理の確認

ページの初期表示に必要なCSSを抽出してHTMLに埋め込み、残りを非同期で読み込む構成へ整えます。画面幅や操作状態ごとの表示も確認するスキルです。

• 初期表示を遅らせるCSSの見直し
• 最初の画面に必要なCSSを抽出
• 後回しにできるCSSの非同期読み込み

主要ブラウザでの表示や動作を確認し、ブラウザごとの不具合を修正します。パソコン・モバイルのテスト範囲とCIを見直し、継続的な自動検証の抜けを探します。

• 主要ブラウザ間の表示・動作確認
• パソコン・モバイルのテスト範囲確認
• ブラウザの自動検証漏れの点検

空のボタンやアイコンだけのボタンを点検し、読み上げで操作内容が伝わる名前を付けます。別ページへ移動する要素はリンクに直すなど、役割も見直します。

• 説明のないボタンを探したいとき
• アイコンボタンの読み上げ名を追加
• 画面移動に適した要素を確認したいとき

独立した画面部品のCSSを点検し、レイアウト再計算や再描画の範囲を抑える設定を提案します。画面幅や操作状態ごとの表示も確認し、適用箇所を見極めます。

• 独立した部品が多いページの見直し
• 画面外の一覧項目の描画を省きたいとき
• 画面幅ごとの表示を確認したいとき