「oss」の検索結果

画面の文章や操作案内を見直し、障害・性別・文化への思い込みを含む表現や利用者を責めるエラー文を見つけ、中立で建設的な言い換えを提案するスキル。

• 画面文言の排他的な表現の点検
• 利用者を責めるエラー文の書き換え
• 性別を決めつけない表現を選びたいとき

サイト全体が有効な証明書でHTTPS配信されているかを点検し、HTTPからの転送や内部リンク、読み込む素材のURLを含めた設定の修正を支援します。

• サイト全体のHTTPS対応の点検
• 証明書の期限と対応ホスト名の確認
• HTTPからHTTPSへの恒久転送の確認

検索に載せたいページと除外したいページを整理し、robots.txt、noindex、canonicalの矛盾を点検して、目的に合った設定の修正を支援します。

• 検索対象に残るページを調べたいとき
• 検索から除外された原因の調査
• robots.txtとnoindexの競合確認

JavaScriptの構文ミスや規約違反をESLintで検出し、ルール設定からエディター・CI/CDへの組み込み、警告の修正まで支援します。

• JavaScriptにESLintを導入したいとき
• チームのコーディング規約を統一したいとき
• エディターやCI/CDで自動チェック

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

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

Webページの見出し階層を点検し、見出しレベルの飛びや構造の不整合を修正して、スクリーンリーダーで内容をたどりやすくするためのスキル。

• ページの見出し順を点検したいとき
• 共通コンポーネントの見出し構造の確認
• 読み上げの見出し一覧を整えたいとき

ページのHTML容量を調べ、埋め込みJSONや画像など肥大化の原因を確認します。検索エンジンの巡回を意識した軽量化や、インデックスされない内容の調査に使えます。

• 検索に出ないページ内容を調べたいとき
• HTML内の巨大なJSONの見直し
• ECサイトのHTML容量点検

フロントエンドのコードや公開ページを386のルールで点検します。アクセシビリティや表示速度、SEOなどを横断し、根拠のある問題と具体的な修正方法を整理します。

• 公開前のページを点検したいとき
• フォームや操作部品のコードレビュー
• 表示速度とセキュリティの点検

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

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

用語と説明を表すHTMLの構造を点検し、単独で使われているdt・ddをdlにまとめる修正を支援します。読み上げ支援で両者の関係を伝えるための確認も扱います。

• 用語集のHTML構造の点検
• 項目名と値を並べる表示のレビュー
• dlに囲まれていないdt・ddの修正

ブラウザのタブやスマートフォンのホーム画面に使うサイトアイコンを点検し、端末に応じた形式・サイズの生成からHTMLやPWAの設定まで支援するスキル。

• タブやブックマーク用アイコンの準備
• モバイルのホーム画面用アイコン設定
• PWAのアイコン設定を確認したいとき

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

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

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

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

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

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

各ページのcanonicalタグを確認し、URLの表記違いやパラメータで重複するページについて、検索エンジンに伝える正規URLの設定を整えるスキル。

• 各ページのcanonicalタグの点検
• パラメータやドメイン表記による重複URLの確認
• 正規URLを追加・修正したいとき

HTMLのcanonicalタグとHTTPのLinkヘッダーが示す正規URLを比較し、検索エンジンに矛盾した情報を送るページやテンプレートを特定するスキル。

• HTMLとHTTPの正規URL宣言の比較
• 正規URLの指定が矛盾する原因調査
• ルートやテンプレート別の出力点検

Webページの文字や入力欄の枠、アイコンなどの色のコントラストを点検し、操作中の状態も含めてWCAGの基準を満たす配色への修正を支援するスキル。

• 文字と背景の配色を点検したいとき
• 入力欄の枠やアイコンの視認性確認
• ホバーやフォーカス時の色の確認

Webページを紙に印刷したときの読みやすさを点検し、印刷用CSSを整えます。ナビや広告の非表示、文字サイズ、改ページ、外部リンクのURL表示を確認します。

• Webページを紙で読みやすくしたいとき
• 印刷時にナビや広告を隠したいとき
• 印刷の文字・改ページ・URL表示の調整

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

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

ログインから多要素認証、アカウント復旧までを点検し、貼り付け禁止や認証コードの手入力など、利用者を妨げる認証の問題を見つけて改善を支援するスキル。

• ログイン全体のアクセシビリティ点検
• 認証コードの貼り付けと自動入力の確認
• パスワード再設定と復旧手順の点検

アフィリエイトやスポンサー付きリンクの前に、提携関係を伝える表示があるかを点検します。実際のHTMLやHTTP応答も確認し、表示位置や文面の修正を支援します。

• アフィリエイト表示を点検したいとき
• スポンサー表記を統一したいとき
• 実際のページ表示を確認したいとき

ページ全体がスクリーンリーダーから隠れる原因となるbodyのaria-hiddenを点検し、モーダル表示時などの誤設定を特定して修正を支援するスキル。

• モーダル表示時の読み上げを確認したいとき
• ページが読み上げられない原因の調査
• 状態変化に伴うbody属性の点検

教材やREADME、マニュアル向けに、実際のシステム名やログを根拠とした静的SVG図を作るスキル。9種類の図と統一した色・矢印で仕組みを説明します。

• READMEにシステム間の通信図を載せたいとき
• マニュアルで状態遷移を説明したいとき
• ログや仕様からデータの流れを図示

Agent Skillsの作成から発見・呼び出し・権限・評価・移植までを、実習とクイズで一回一課ずつ学びます。確認した証拠と進捗をファイルに残し、続きから再開します。

• 最小のスキルの作成と呼び出しの学習
• スキルの発見と自動選択の理解
• 権限・サンドボックス・信頼境界の確認