「page」の検索結果

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

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

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

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

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

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

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

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

ページ内の外部リンクを点検し、404などのエラーや期限切れドメインを確認して、正しいURLへの更新や削除が必要なリンクと該当ページを特定するスキル。

• 古い記事の参考リンクを点検したいとき
• 外部リンク切れの更新・削除
• 期限切れや転用されたドメインの確認

検索エンジンに正規ページを伝えるcanonical URLの転送を点検し、HTTP応答と表示後のHTMLを確認して最終URLへの直接指定を支援するスキル。

• canonical URLの転送を確認したいとき
• URL変更後のcanonicalタグの点検
• 正規URLを生成するテンプレートの確認

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

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

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

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

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

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

Google Consent Mode v2の実装と同意状態の送信を点検します。広告関連の同意項目や通信を確認し、GTMやgtag.jsの設定修正を支援します。

• Consent Mode v2の実装点検
• 広告関連の同意設定を更新したいとき
• Googleへの同意信号の送信確認

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

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

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

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

フォームの結果やカート更新など、画面内で変わる情報が読み上げ利用者に伝わるかを点検し、ARIAライブリージョンの属性と通知の優先度を見直すスキル。

• フォーム結果とエラーの読み上げ点検
• カート更新を読み上げで伝えたいとき
• 読み込み状態や状況通知の点検

ページ内のaccesskey属性の重複を調べ、キーボード操作の競合を見つけます。値の割り当て直しや不要な指定の削除を提案し、修正後の確認方法まで整理します。

• キーボードショートカットの重複確認
• 操作要素へのキーボード移動のレビュー
• ショートカット修正後の操作確認

画面要素の役割を支援技術に伝えるARIAの指定を点検し、誤記や未定義の値を修正します。標準HTMLへの置き換えや、キー操作・読み上げの確認も支援します。

• ARIAの誤記や未定義値を探したいとき
• 独自部品を標準HTMLへ置き換え
• 共通UI部品のアクセシビリティ確認

読み上げ対象から隠した領域に、キーボードで移動できるリンクやボタンが残っていないか調べ、フォーカスの迷子を防ぐ修正と検証方法を示すスキル。

• 非表示領域に残る操作要素の点検
• キー操作中に読み上げが途切れる原因調査
• 共通UI部品のアクセシビリティ確認

記事の著者紹介に経験・資格・専門プロフィールへのリンクがあるかを確認し、表示後のHTMLや構造化データも含めてSEO上の改善箇所を示すスキル。

• 記事の著者紹介を点検したいとき
• 資格や専門プロフィールの記載改善
• HTMLや構造化データの著者情報監査

「こちら」「続きを読む」などのリンク文言を点検し、リンク先の内容が伝わる表現へ見直して、SEOと読み上げ時の分かりやすさを支援するスキル。

• 曖昧なリンク文言を直したいとき
• 読み上げ利用者向けにリンクを点検
• 内部リンクのキーワード過多を確認

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

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

ログイン済みのブラウザでフォーム入力やクリック、画面撮影を行い、Webサイトの操作や動作確認を進めます。用途に応じて専用ブラウザでの通信記録にも対応します。

• ログイン済みサイトでフォーム入力
• Web画面の撮影と動作確認
• 専用ブラウザでの通信記録

Designのキャンバス上で、ポスターやSNS画像、Webページやアプリ画面を作成・修正します。ブランドの色や書体を反映し、複数の制作面を整理できます。

• メニューポスターの制作
• SNS投稿用画像を作りたいとき
• Web・アプリ画面のデザイン

PDFやOffice文書、Web成果物を納品前に検証し、形式ごとのチェックと実際の表示確認、仮テキストの検索で、文字切れや重なり、不要な記載を点検します。

• 納品前の資料チェック
• 描画後のページの崩れを確認したいとき
• 仮テキストやサンプル文の検出

ExcelやCSVなどの表計算ファイルを作成・編集し、乱れた表データを整理するスキル。数式と書式を扱い、再計算とファイル検証まで含めて成果物を仕上げます。

• 数式と書式付きのブックを作りたいとき
• 既存の表計算ファイルを編集したいとき
• 乱れたCSV・TSVデータの整理

Word文書やテンプレートの作成・編集、内容の抽出、画像の差し替えに対応し、見出しや箇条書きの構造を整えて、全ページの表示まで確認します。

• 構造を整えたWord文書の作成
• 既存文書の内容を整理したいとき
• 文書内の画像や文章の差し替え