「web」の検索結果

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

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

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

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

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

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

Webページ内のiframeやframeに内容が伝わるタイトルがあるか点検します。空欄や説明不足を見つけ、スクリーンリーダーで埋め込み内容を識別しやすくする修正を支援します。

• 埋め込み広告やSNSのタイトル確認
• iframeのtitle欠落や空欄を調べたいとき
• スクリーンリーダーでのフレーム識別確認

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

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

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

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

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

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

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

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

Webページを構成するHTML要素の数や入れ子の深さを測定し、不要な囲み要素の削除や長い一覧の表示方式の見直しを通じて、描画負荷の軽減を支援するスキル。

• ページの描画や操作が遅い原因を調べたいとき
• HTML要素数と入れ子の深さを測りたいとき
• 不要な囲み要素を整理したいとき

実際のブラウザでページの読み込みや描画を測定し、遅さの原因となる通信・スクリプト実行・レイアウト処理を特定して、改善点を検討するスキル。

• ページの読み込みが遅い原因の調査
• 端末や回線条件ごとの性能比較
• 開発やCI/CDへの性能監査の導入

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

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

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

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

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

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

ページを開いた際の音声・動画の自動再生を点検し、再生設定の解除や消音、キーボードで使える一時停止操作を整えて、利用者が再生を制御できるようにするスキル。

• 読み込み時の音声・動画再生の点検
• 動画の消音と一時停止操作の追加
• 再生操作のキーボード対応の確認

サイトの目的や運営者を伝える紹介ページを点検・作成し、組織の歴史、使命、専門性、連絡先などの情報が読者に伝わるか、実際のページ出力まで確認するスキル。

• サイトの紹介ページを見直したいとき
• 組織や使命を伝えるページの作成
• ページ出力の運営者情報を確認したいとき

PythonでWeb APIを作る際に、FastAPIの入力検証やエラー処理、非同期処理を整え、読みやすさと応答性能を考慮した実装を支援するスキル。

• APIのルートと入力検証の設計
• 非同期のDB・API呼び出しの見直し
• エラー処理とログの整理

教材の図を動かしたり、スライダーで数値を変えて結果を示したりするスキル。仕組みを操作して確かめる図や、ページの見出しを飾る動くドット模様も作れます。

• 教材の処理の流れを動かしたいとき
• 数式の変化をスライダーで示したいとき
• システムの仕組みを操作して学ぶ図

パソコンの画面を確認し、クリックや文字入力でデスクトップアプリを操作するスキル。NotesやFinderでの作業やアプリ間の操作を、アクセス許可を確認しながら進めます。

• Notesのメモを整理したいとき
• Finderでファイルを扱いたいとき
• 画面上の設定を確認したいとき

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

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

キーワードからウェブ上の公開画像を探し、画像URLと掲載元ページを取得します。資料や制作物に使う画像、デザインの参考候補を選ぶためのスキルです。

• 資料に使う画像候補を探したいとき
• デザインの参考画像収集
• フィード用の画像URL探し

表示中のデザインを、画像やスタイルなどを含む単一のHTMLファイルにまとめます。外部ファイルへの依存を取り除き、オフラインで開ける形でダウンロードできます。

• デザインを単一HTMLで共有したいとき
• ページをオフラインで開きたいとき
• 画像やスクリプトもまとめたいとき

ソースコード、稼働中のアプリ、APIなどに合うStrixの検査を選び、実証した影響を基に、重複を除いた優先順位付きの修正計画をまとめるスキルです。

• 製品に合うセキュリティ検査の選定
• 公開前のセキュリティ評価
• 検査結果から修正計画を作りたいとき

Three.jsで物体の色や形の動きを独自に描く処理を実装します。波打つ変形、輪郭の発光、溶けるような消失などの表現から、既存の材質の拡張まで支援するスキルです。

• 表面を波打つように動かしたいとき
• 輪郭の発光やグラデーションの追加
• 溶けるように消える演出の実装

ブラウザで3Dを表示するためのシーン、カメラ、描画設定をThree.jsで整え、物体の配置や親子関係、アニメーションの基本実装を支援するスキル。

• ブラウザに3Dシーンを表示したいとき
• 遠近感に合うカメラを選びたいとき
• 複数の物体をまとめて動かしたいとき