「web」の検索結果

Webページの文字組み・配色・余白・動きを具体的なルールで整え、定型的な見た目を避けながら、ReactやNext.jsの画面実装を進めるスキル。

• 文字組みに特徴のある販促ページ制作
• ダッシュボードの表示と操作感の調整
• 情報密度や動きの強さを調整したいとき

Three.jsを使い、ブラウザで表示する3D要素や操作できる体験の制作を支援します。シーン構成、素材の見た目、操作方法、描画後の視覚効果を扱います。

• ブラウザ用の3D要素を作りたいとき
• 操作できる3D体験の制作
• 素材の見た目や操作方法の調整

GSAPのプラグインを使い、文字やSVGの動き、ドラッグ操作、レイアウト切り替えを実装するスキルです。用途に合う機能の選択から登録、設定、後始末まで扱います。

• 見出しを一文字・一行ずつ動かしたいとき
• SVGの描画や図形変形を加えたいとき
• 慣性のあるドラッグ操作を作りたいとき

React、Tailwind CSS、shadcn/uiを使い、複数の部品を組み合わせたclaude.ai向けのHTMLアーティファクトを制作するスキル。

• claude.ai用のHTMLを作りたいとき
• 複数部品からなる画面の試作
• Reactとshadcn/uiでの制作

依頼内容の複雑さや必要な専門性を分析し、適したエージェントを編成するスキル。作業量に応じた増減やリソース配分、過去の実行結果に基づく調整も扱います。

• 決済システム改修の担当を編成したいとき
• 大量ファイル処理の担当数を調整したいとき
• 接続障害に合う専門担当を探したいとき

問い合わせページやフッターの事業所住所を点検し、住所の不足や構造化データとの不一致を見つけ、利用者と検索エンジンに所在地を伝える表示へ整えます。

• 地域事業者サイトの住所点検
• ECサイトの住所掲載箇所の見直し
• 表示住所と構造化データの照合

ページの読み込み時間を測り、3秒未満を目指して遅延の原因を調べます。重い画像や通信、描画処理を実測で確認し、遅延読み込みやキャッシュなどの改善につなげます。

• ページ表示の遅さを調べたいとき
• 重いリソースや描画処理の特定
• 低速回線での表示性能の確認

Webページの画像が表示位置に合った読み込み設定になっているかを点検し、画面外の画像の遅延読み込みや、最初に見える重要画像の優先読み込みを整えるスキル。

• 画面外の画像の遅延読み込みを点検したいとき
• ヒーロー画像の読み込み優先度を確認したいとき
• 遅延読み込み画像の寸法を指定したいとき

Webページの読み込みを調べ、画像やフォントの先読み、外部サービスへの事前接続を提案するスキル。計測した遅延の原因に合わせ、リソースヒントの使い分けと追加を支援します。

• 主要画像やフォントの先読み確認
• 外部サービスへの事前接続の調整
• 次の画面で使うファイルの先読み

サイトからリンクしたPDFの容量と配信状態を点検し、検索で内容が十分に取り込まれないリスクを洗い出して、圧縮やHTML版の併設を提案します。

• レポートや白書の配布リンク点検
• 大容量PDFの圧縮を検討したいとき
• PDF内容のHTML版を検討したいとき

外部サイトへのアクセスでURL内の機密情報が送られないよう、Referrer-Policyの設定を点検し、ページの性質に合う値と修正方法を示します。

• パスワード再設定ページの情報漏えい点検
• サーバーやCDNの応答ヘッダー確認
• 機密URLに適したポリシーの比較

SNSやメッセージアプリで共有したページのタイトル・説明・画像を整えるため、Open Graphタグの不足や空欄、画像サイズ、URLの設定を点検するスキル。

• 公開前にリンクプレビューを確認したいとき
• Open Graphタグの不足を探したいとき
• 共有画像とURLの設定を見直したいとき

背景と前景が異なる速さで動くパララックス演出を点検し、動きを減らす設定への対応と、演出なしでも必要な情報が伝わる静的な表示への修正を支援します。

• Webサイトのパララックス演出の点検
• 動きを減らす設定への対応確認
• 動くコンテンツの静的な表示を用意

配信ファイルの容量や表示速度に基準値を設け、変更による性能低下をCIで検出します。容量と実行時の性能を分けて点検し、基準超過時のチェック失敗や公開後の監視を整えます。

• CIの性能基準を点検したいとき
• 依存ライブラリや素材追加時のレビュー
• 容量と表示性能の基準を設けたいとき

本文やタイトル、メタ情報、画像の代替テキストにあるキーワードの不自然な反復を調べ、頻出語と出現率を示しながら、読みやすい自然な表現への修正を支援するスキル。

• 記事のキーワード過多を点検したいとき
• AI生成文の反復表現の推敲
• タイトル・メタ情報・代替テキストの点検

実店舗や地域密着型ビジネスのサイトで、店名・住所・電話番号・営業時間などを検索エンジンに伝える構造化データを点検し、追加や修正を支援するスキル。

• 地域ビジネスの構造化データ点検
• ホームや問い合わせページへの事業情報追加
• 飲食店や店舗に合うタイプの選択

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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