「ppo」の検索結果

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

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

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

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

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

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

独自のHTML要素やWeb Componentsを点検し、読み上げ用の役割・名前、キーボード操作、フォーカス管理、フォーム連携の不足と修正案を整理するスキル。

• 独自部品の読み上げ対応を確認したいとき
• メニューのキーボード操作の点検
• 独自入力欄のフォーム連携

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

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

記事の事実や統計を裏付ける外部リンクを点検し、公的資料や公式文書などの出典追加と、有料・広告リンクを含むリンク属性の適切な設定を支援するスキル。

• 出典のない事実や統計を探したいとき
• 公的資料や研究への参照を加えたいとき
• 外部リンクの安全性に関わる属性の点検

画像ファイル名を点検し、内容が伝わる小文字・ハイフン区切りの名前へ整理します。変更に伴う参照先の更新も扱い、画像検索と素材管理に役立てます。

• 商品画像の名前を見直したいとき
• 画像ライブラリの命名統一
• 画像の一括改名と参照更新

CSS変数を使うアニメーションやグラデーションを点検し、@propertyで値の型・初期値・継承を定義して、滑らかな変化を支援するスキル。

• グラデーションを滑らかに動かしたいとき
• CSS変数を使う画面効果の点検
• デザイントークンの型と継承の設定

主要ブラウザでの表示や動作を確認し、ブラウザごとの不具合を修正します。パソコン・モバイルのテスト範囲とCIを見直し、継続的な自動検証の抜けを探します。

• 主要ブラウザ間の表示・動作確認
• パソコン・モバイルのテスト範囲確認
• ブラウザの自動検証漏れの点検

価格・数値・日時の表示を点検し、言語や地域に合ったIntl APIの使い方へ修正します。通貨記号や区切り文字の固定記述に加え、並べ替えや代替ロケールも確認します。

• 多地域向けの価格表示を整えたいとき
• 数値・日時の手作業整形を置き換える
• 言語に応じた並べ替えの確認

CSSに散らばる色・余白・文字サイズの指定を見つけ、共通のCSSカスタムプロパティへ整理します。テーマ変更や画面幅ごとの表示を確認しながら修正を提案します。

• 重複する色や余白の整理
• ブランド変更に向けたCSS整備
• ダークモード用の値の見直し

画像や内容を切り替えるカルーセルを点検し、自動再生の停止、キーボード操作、読み上げ通知、動きを抑える設定への対応を確認・修正するスキル。

• 自動再生スライドの停止操作の点検
• キーボードだけでの操作確認
• スライド変更の読み上げ通知の確認

CSSの配色定義を点検し、色の明るさを人の見え方に合わせて調整できるoklch()を使って、統一感のある濃淡やダークモードの配色を整えるスキル。

• CSSの共通配色を整理したいとき
• 見た目の明るさがそろう濃淡の作成
• ダークモードやホバー色の設計

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

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

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

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

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

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

OpenSpecに登録した変更の仕様や設計を読み、未完了タスクの実装を進めます。完了チェックと進捗確認を重ね、途中からの再開にも対応するスキルです。

• 計画済みの変更を実装したいとき
• 途中の実装を再開したいとき
• 完了タスクと残作業の確認

OpenSpecのリリース準備から公開確認までを進めます。変更記録の漏れやPRの状態を監査し、人のレビューを挟みながら、安定版・ベータ版の公開とリリースノート整備を扱います。

• 公開準備と変更記録の漏れを確認したいとき
• 不足する変更記録のPRを準備したいとき
• 人の承認後にリリースを再開したいとき

コードの依存関係とテスト状況を調べ、関数の切り出しや構成整理を段階的に進めます。変更ごとの検証と、問題が起きた際の復旧まで扱うスキル。

• 入力検証を別モジュールに分けたいとき
• 関連ファイルの名前変更
• 条件分岐や重複パターンの整理

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

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

特定バージョンの仕様や実行結果を根拠に、長編の技術マニュアルを作成します。資料の優先順位と食い違いを整理し、記録した入出力や図を組み込み、監査で記述と構成を検証します。

• 版を固定した仕様書の解説作成
• 再現可能な要求・応答の記録作成
• 図と出典を伴うマニュアルの節追加

MCPA認定試験に向けて、対話形式のレッスン、Pythonによる実習、診断・模擬試験、弱点の復習を進め、学習記録から続きに取り組めるスキル。

• MCPAの学習計画を立てたいとき
• 未完了のレッスンを再開したいとき
• コードを書かずに実習を学びたいとき

既存のブランド資料やコードから色・書体・余白、部品や画像を整理し、利用ルールとプレビューを備えたデザインシステムを作成・更新するスキルです。

• 既存コードや資料からルールを整理
• 色・書体・余白の仕様をまとめたいとき
• ロゴ・アイコン・部品の見本を集約

Slackの会話やスレッドを読み、返答が必要な場面を判断して、メッセージ、ファイル、リアクションを送るスキル。依頼元の会話に沿って返信や作業結果の共有を行います。

• スレッドの経緯を読んで返信したいとき
• 依頼元の会話に進捗やファイルを共有
• 自分の代わりにDMを送ってほしいとき