「change」の検索結果

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

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

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

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

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

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

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

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

画面外の画像・動画・iframeなどの読み込みを必要になるまで遅らせ、初期表示の負荷を抑える実装を支援します。実測と配置を確認し、変更すべき箇所を絞ります。

• ページの初期表示が遅い原因の調査
• 初期画面より下の画像の遅延読み込み
• 画面外の動画や重い部品の読み込み延期

ページの読み込み時に発生するHTTPリクエストを数え、実測で遅延の原因を確認しながら、ファイル統合や重要な資源の埋め込みなどの削減案を示すスキル。

• ページの初期表示が遅い原因の調査
• 画像やCSSなどの不要な通信の確認
• ファイル統合やアイコン集約の検討

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

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

Webページの画像を調べ、見た目への影響を抑えた圧縮を進めるスキル。ファイル容量や表示寸法、読み込み方法、配信設定をまとめて確認します。

• 容量の大きいWeb画像を探したいとき
• 写真と図版の圧縮方法の選定
• ビルド時の画像圧縮を自動化したいとき

記事やブログの更新日時を、画面表示・HTTPヘッダー・構造化データの三つから点検し、本文の変更に合わせて整合するように設定を見直すスキル。

• 記事やブログの更新日時の点検
• CMSの更新日変更ルールの見直し
• 静的サイト公開時の日時処理の確認

Webフォントの読み込みを点検し、文字が見えない時間や表示のずれを調べます。実測に基づき、代替フォントの表示、重要フォントの先読み、形式の見直しを支援します。

• 読み込み中に文字が見えない原因の調査
• フォントによる表示のずれの点検
• 代替フォント表示と先読みを設定したいとき

モーダルの開閉や画面遷移で、キーボードの操作対象が適切に移るかを点検するスキル。フォーカスの移動・復帰を見直し、動的な画面で操作位置を見失う問題を改善します。

• モーダル開閉時のフォーカス確認
• SPAの画面遷移後の操作位置確認
• 動的更新時のキーボード操作改善

ページに最初の文字や画像が現れるまでの時間を測り、表示を妨げるCSSやJavaScript、サーバー応答の遅れを調べて、改善箇所を具体化するスキル。

• ページの初期表示が遅い原因を調べたいとき
• 描画を妨げるCSSやJavaScriptの確認
• 測定に基づく読み込み性能のレビュー

Web画面の動きを重くするDOMの読み書きやイベント処理を調べ、処理順序や更新頻度を見直して、ブラウザ上で原因に即した修正を検証するスキル。

• アニメーションのもたつきを調べたいとき
• DOMの読み書きをまとめたいとき
• スクロールやタッチのイベント処理の確認

読み込み中に画像や広告でページの配置がずれる原因を測定し、表示領域の確保やフォント・アニメーションの見直しで、誤クリックや読書の中断を減らす改善を支援します。

• 読み込み中に内容が動く原因を調べたいとき
• 画像・埋め込み・広告の表示領域を確保
• フォントやアニメーションの安定性確認

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

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

HTML・JS・CSSの配信時の圧縮状態を確認し、実測した読み込みの問題に基づいて、サーバーやCDNでのGzip・Brotli設定を見直すスキル。

• モバイル回線での表示遅延を調べたいとき
• テキスト資源の圧縮ヘッダーを確認
• サーバーやCDNの圧縮設定を見直す

本番公開するJavaScriptに残ったconsole出力を点検し、削除や環境別の無効化、ログサービスへの置き換えを支援します。ブラウザでの実行経路と修正後の確認方法も扱います。

• 公開前のデバッグログ点検
• 開発用と本番用のログを分けたいとき
• ビルド時のconsole出力除去

ページに表示されるパンくずリストと構造化データの一致を点検し、サイトの階層を検索エンジンへ伝えるBreadcrumbListの実装・修正を支援するスキル。

• パンくずの構造化データを点検したいとき
• 表示中のパンくずにJSON-LDを追加
• テンプレート変更後の階層情報の見直し

CSSアニメーションで描画負荷のかかる指定を見つけ、transformやopacityを使う修正を提案します。画面幅や操作状態ごとの表示、動きを減らす設定も確認します。

• カクつくアニメーションの見直し
• 位置やサイズを動かす指定の修正
• 動きを減らす設定の確認

OpenSpecの利用者向け文書を、執筆時の文脈を引き継がない別のエージェントが実際のコマンドやソースと照合し、誤りと修正案を報告するスキル。

• 公開前の文書を事実確認したいとき
• 特定の節のコマンド例を検証したいとき
• 改訂した説明の正確さを確認したいとき

実際のコードの小さな改善を題材に、OpenSpecの提案・仕様・設計・タスク作成から実装、アーカイブまでを、各工程の説明付きで体験するスキルです。

• 実際の修正でOpenSpecを学びたいとき
• 初回の練習向けの小さな改善探し
• 提案・仕様・設計・タスクの役割の理解

OpenSpecで実装前に必要な提案・仕様・設計・タスクなどの文書を、既存コードや依存関係に沿ってまとめて作成し、実装を始められる状態に整えるスキル。

• 新機能の計画文書をまとめて作りたいとき
• 変更内容を実装タスクに整理したいとき
• 前提となる文書の不足を埋めたいとき

デスクトップアプリに蓄積した新機能から注目点を選び、一度だけ表示する更新案内を作ります。文案の作成からコンテンツ追加、アプリ内プレビューまで扱います。

• 蓄積した新機能を告知すべきかの判断
• 3〜4件の新機能の短い紹介文作成
• What's newの新規項目追加

実装前にコードや資料を調べ、必要な判断と検証方法をまとめた作業計画を作ります。利用者の承認後に計画を書き、コード変更は別の実行工程に引き継ぎます。

• 大きな変更を実装前に計画したいとき
• 曖昧な依頼を具体化したいとき
• 別のエージェントへ計画を渡したいとき