「how to」の検索結果

AI チームの記録を読み、進捗、作業を妨げている問題、担当者、記録上の予算使用状況をまとめます。根拠を区別し、利用者が次に判断すべき点を示します。

• 完了済みと進行中の作業の確認
• 判断が必要な停滞要因の把握
• 担当者と未割り当て作業の確認

AIエージェントのトークン使用量と米ドル建て費用を、モデル別・エージェント別・処理階層別に集計し、指定期間の予算消化率や警告を確認するスキル。

• 今日のAI利用費を確認したいとき
• モデル別・担当別の費用比較
• 予算消化率と警告の確認

AIエージェントの作業結果と状況を記録し、過去の経験から次の進め方を選ぶ仕組みを実装します。パターンの照合、戦略比較、学習内容の保存や効果の確認も扱います。

• 作業結果から学ぶエージェントの開発
• コードレビューや不具合修正の戦略比較
• 現在の状況に合う学習済みパターンの検索

通信が切れた際の案内ページを作り、service workerで事前保存して表示する仕組みを整えます。外部リソースへの依存や表示条件も点検するスキル。

• PWAにオフライン画面を追加したいとき
• 通信切断時の案内を整えたいとき
• オフラインページの事前保存を点検

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

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

商品ページの価格や在庫、評価を検索エンジンに伝えるProduct構造化データを追加・点検し、必須項目の不足や画面表示との食い違いを確認するスキル。

• 商品ページへのJSON-LD追加
• 構造化データと表示価格の照合
• 在庫状況や評価項目の点検

ブログ記事や商品説明、ランディングページの内容を検索意図や根拠、著者情報から点検し、説明の不足や古い情報を見つけて具体的な改善を支援します。

• ブログ記事のSEO品質点検
• 内容の薄い商品説明を補いたいとき
• LPが検索意図に合うか確認したいとき

AIがウェブページの内容を読み取りやすいか、見出しやHTML構造、JavaScriptなしでの本文表示、構造化データを点検し、改善を支援するスキル。

• AIの回答で参照されるページの点検
• 見出しや各節を単独で伝わる文にしたいとき
• JavaScriptなしの本文表示の確認

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

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

装飾用の画像やアイコンが、スクリーンリーダーで不要に読み上げられないかを点検します。空のaltやaria-hiddenを確認し、実際に問題がある要素の修正を支援します。

• 装飾画像の不要な読み上げの点検
• SVGやアイコンの読み上げ確認
• 共通の装飾コンポーネントの点検

リンクやボタン、入力欄のID重複を調べ、修正箇所と確認方法を示します。キーボード操作やスクリーンリーダーでの移動、フォーカスへの影響も点検します。

• フォームのID重複を確認したいとき
• 意図しないフォーカス移動の調査
• 共通の操作部品のレビュー

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

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

画面に表示されたHTMLで、ARIA属性の参照先IDの重複を調べます。ラベルや説明の誤読につながる箇所を特定し、IDと参照の修正、確認方法を案内します。

• 読み上げるラベルの誤りを調べたいとき
• 繰り返し部品のID重複の点検
• デザインシステムのARIA参照確認

本番公開するJavaScriptに残ったconsole出力を点検し、削除や環境別の無効化、ログサービスへの置き換えを支援します。ブラウザでの実行経路と修正後の確認方法も扱います。

• 公開前のデバッグログ点検
• 開発用と本番用のログを分けたいとき
• ビルド時のconsole出力除去

ページの初期表示に必要なCSSを抽出してHTMLに埋め込み、残りを非同期で読み込む構成へ整えます。画面幅や操作状態ごとの表示も確認するスキルです。

• 初期表示を遅らせるCSSの見直し
• 最初の画面に必要なCSSを抽出
• 後回しにできるCSSの非同期読み込み

メニュー項目やタブなどに付けたARIAロールが、必要な親ロールに収まっているかを点検します。読み上げ時のグループ認識や操作に関わる問題を調べ、修正案を示します。

• メニュー項目の親ロールを確認したいとき
• タブやリストの構造点検
• デザインシステムの部品レビュー

HTMLに含まれるARIA属性の誤字や存在しない属性名を調べ、仕様に沿った名前への修正を支援します。支援技術に役割や状態が伝わるか、確認方法も案内します。

• HTMLのARIA属性の誤字点検
• 読み上げに状態が反映されない原因調査
• 共通部品のアクセシビリティ属性の確認

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

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

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

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

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

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

実際のコードベースで、CodeGraphの有無によるエージェントの調査を比較します。バージョンや対象言語を選び、費用・ツール使用回数・回答の正しさから効果を検証します。

• ローカル開発版を評価したいとき
• 公開済みバージョンを監査したいとき
• 調査費用とファイル参照回数の比較

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

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

Museの早期アクセス制度についての質問に答え、参加希望の申請、送信状況や参加状態の確認、申請の取り下げを扱うスキル。制度への参加と機能の利用権を区別します。

• Museの早期アクセス制度を知りたいとき
• 一般プログラムへの参加申請
• 申請の送信状況や参加状態の確認

HTMLデザインを印刷向けのページ構成に整え、文字を選択できるPDFとして書き出す準備をします。文書やスライド、ポスターの用紙への配置に対応します。

• レポートやメモのPDF化
• スライドを1枚ずつ印刷したいとき
• 履歴書やチラシを指定枚数に収めたいとき