「dd」の検索結果

Webサイトのダークモード対応を点検し、OS設定に合わせた配色や手動切り替えを整えます。固定色やコントラスト、画面幅・操作状態ごとの表示も確認します。

• OS設定に配色を合わせたいとき
• 暗い背景で崩れる固定色の点検
• 選択を保存するテーマ切り替えの追加

画像の読み込みに失敗したときの表示を点検し、代替画像や意味のあるプレースホルダーの実装を支援します。エラーログや読み込み中の表示、修正の確認方法も扱います。

• リンク切れ画像の代替表示を整えたいとき
• 画像読み込み中の仮表示の見直し
• ログとDevToolsで画像エラーを調査

ログインや購入など、利用者の一連の操作を確かめるE2Eテストの不足を調べ、追加を支援します。自動テストの構成やCI/CDでの継続実行、失敗時の扱いも確認します。

• ログインや購入のテスト範囲を確認したいとき
• フォーム送信のテストを追加したいとき
• CI/CDのテスト実行と失敗対応の点検

JavaScriptの非同期処理やReact画面で起きるエラーの扱いを点検し、例外の捕捉、原因を追うためのログ、画面側のエラー処理の追加を案内するスキル。

• 非同期処理のエラー対応を点検したいとき
• React画面のエラー処理の追加
• 原因調査に使うログの改善

固定ヘッダーやバナーがキーボード操作中の選択先を隠していないか点検します。拡大表示やモバイル画面も確認し、余白やスクロールの修正を支援します。

• 固定ヘッダー周辺のキー操作確認
• バナーやチャット表示中の動作確認
• 拡大時やモバイル画面の重なり確認

一覧や表の各要素に付けたイベント処理を見直し、親要素でまとめて受け取る方式へ整理します。後から追加される要素の操作対応や、リスナー数の削減を支援します。

• 動的に追加した項目の操作を直したいとき
• 表の行ごとのリスナーをまとめたいとき
• クリック対象の判定を見直したいとき

文字のないリンクやラベルのないアイコン、リンク切れを点検します。説明文や読み上げ用の名前を補い、移動先が分かるリンクへ修正するスキルです。

• ページ内の空リンクを探したいとき
• アイコンリンクに移動先の説明を追加
• リンク切れを点検・修正したいとき

用語と説明を並べるHTMLの定義リストを点検し、要素の入れ子や対応関係の問題を確認。読み上げソフトに情報のまとまりが伝わる構造への修正を支援します。

• 用語集のHTML構造を確認したいとき
• 用語と説明の対応関係の点検
• 読み上げで分かりにくい定義リストの修正

広告ブロッカーで通知や同意画面が消える原因を調べ、誤検知されやすいHTMLのクラス名やIDを見直して、表示崩れや操作の不具合を改善するスキル。

• 広告ブロッカーで消える通知の調査
• Cookie同意画面の非表示確認
• HTMLのクラス名とIDの点検

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

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

ページの初期表示を遅らせるリソース取得の依存関係を計測し、重要なCSSの埋め込みや必須ファイルの先読みで、通信の待ちが連鎖する構造を見直すスキル。

• ページの初期表示が遅いとき
• リソース取得の依存関係の点検
• 重要CSSの埋め込みや先読みの検討

記事やブログの公開日・更新日を点検し、読者向けの日付表示と検索エンジン向けの構造化データを整え、本文の実質的な変更に合う更新日の管理を支援します。

• ブログ記事の日付表示の点検
• Article JSON-LDへの日付追加
• CMSテンプレートの日付処理確認

表示されない画像や失敗しやすい参照先を調べ、ファイルパスの修正と代替画像への切り替えを支援し、読み込みエラー時の表示まで確認するスキル。

• 商品画像が欠ける原因を調べたいとき
• ビルド後の画像パス確認
• 外部画像に代替表示を付けたいとき

画面や共通部品のアクセシビリティを自動テストで確認し、テスト不足の指摘やCIへの組み込みを通じて、構造・属性の問題と変更による不具合を見つけるスキル。

• 共通部品の検査範囲の見直し
• 画面操作テストへの検査追加
• CIでのアクセシビリティ検査

フォームの入力欄に読み上げ用の名前があるかを点検し、ラベルの紐付けやARIA属性の修正を通じて、画面読み上げ・音声操作で用途が伝わる入力欄に整えるスキル。

• フォームのラベル漏れを探したいとき
• 入力例だけに頼る入力欄の修正
• 独自フォーム部品の名前の確認

バッテリー残量や容量などのメーター表示を点検し、スクリーンリーダーで数値が何を表すか伝わるよう、読み上げ用の名前を確認・追加するスキル。

• 残量や容量メーターのラベル確認
• メーターに読み上げ用の名前を付けたいとき
• 共通UI部品のメーター点検

記事ページの構造化データを点検し、見出し・画像・公開日・著者などを含むArticle形式のJSON-LD追加と、実際に配信されるページの検証を支援するスキル。

• ブログ記事の構造化データを確認したいとき
• ArticleのJSON-LDを追加したいとき
• 見出し・画像・公開日・著者の不足確認

記事の長さや内容に応じて内部リンクと外部リンクの量・関連性を見直し、関連記事への導線や事実を裏付ける参照先を整える作業を支援するスキル。

• 記事内のリンク量を見直したいとき
• 関連記事への内部リンク追加
• 事実やデータを裏付ける出典の追加

ほかのAIアシスタントが覚えているプロフィールやプロジェクト情報を整理し、機密情報や指示文を除外して、確認後にClaudeのメモリへ追記するスキル。

• ChatGPTやGeminiの記憶を移したいとき
• 進行中のプロジェクト情報の引き継ぎ
• 取り込み前の機微情報の確認

公開したArtifactページに、入力内容の保存や閲覧者間の状態共有、連携データの取得、Claudeへの質問などを組み込むための仕様と手順を提供します。

• 操作を保存する投票やチェックリスト作成
• 共有データを使うタスクボード作成
• 連携データを表示するページ作成

CI/CDにStrixのセキュリティ検査を組み込み、プルリクエストの変更箇所を検証して、確認された脆弱性に応じたマージ前の判定や結果共有を設定するスキル。

• マージ前に変更箇所の脆弱性を調べたいとき
• GitHub ActionsやGitLab CIへの検査追加
• 自前実行とマネージド版を比較したいとき

Webサイトの画面やブランド素材を取り込み、サイト紹介やSNS向けの動画をHyperFramesで制作します。構成・台本づくりから音声、字幕、検証まで進めます。

• ポートフォリオの動画ツアー制作
• ブログやLPをSNS動画にしたいとき
• 音声・字幕付きのサイト紹介

Three.jsの3D画面に、クリックやタッチでの選択、カメラ操作、物体の移動・回転・拡縮を実装します。入力処理から操作時の見た目の変化まで扱います。

• クリックやタッチで3D物体を選びたいとき
• カメラの回転・ズーム操作の追加
• 物体のドラッグ・回転・拡縮

Three.jsの3D画面に光のにじみや背景ぼけ、色補正などを加えるスキル。複数の効果の組み合わせから独自の画面効果、描画負荷の調整まで扱います。

• 3Dシーンの物体を光らせたいとき
• 背景ぼけや画面の色味を調整したいとき
• 選択した物体を輪郭で強調したいとき