「serve」の検索結果

HTMLフォームやJavaScriptの送信先を点検し、HTTP通信による情報漏えいを防ぐために、送信先URLとページのHTTPS設定を見直すスキル。

• ログインフォームの送信先を確認したいとき
• fetchやXHRの接続先を点検したいとき
• action省略フォームの確認

Webサイトの画像配信を点検し、CDNによる形式変換やサイズ調整の設定を支援します。画像容量、表示サイズ、読み込み方法と初期表示への影響を確認します。

• 画像のCDN配信を確認したいとき
• 画像のサイズ調整と形式変換の自動化
• 画像読み込みと初期表示への影響の確認

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

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

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

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

ページに最初の文字や画像が現れるまでの時間を測り、表示を妨げるCSSやJavaScript、サーバー応答の遅れを調べて、改善箇所を具体化するスキル。

• ページの初期表示が遅い原因を調べたいとき
• 描画を妨げるCSSやJavaScriptの確認
• 測定に基づく読み込み性能のレビュー

ページ表示の遅さを実測し、画像などの静的ファイルがCDNから適切に配信されているかを点検。キャッシュ設定や配信経路の改善につなげるスキル。

• ページ表示が遅い原因を調べたいとき
• 画像やスクリプトのCDN配信の点検
• 海外向けのキャッシュ設定の見直し

読み込み中に画像や広告でページの配置がずれる原因を測定し、表示領域の確保やフォント・アニメーションの見直しで、誤クリックや読書の中断を減らす改善を支援します。

• 読み込み中に内容が動く原因を調べたいとき
• 画像・埋め込み・広告の表示領域を確保
• フォントやアニメーションの安定性確認

CSSを無効にしても内容を理解し操作できるか、HTMLの読み順や見出し、フォームのラベルを点検し、見た目に依存した構造の修正を支援するスキル。

• CSS無効時の使いやすさの確認
• 読み順や見出し構造の見直し
• フォームのラベルやエラー表示の点検

サイト内のリンク切れを調べ、404やサーバーエラーになるリンクの修正を支援します。実際のページとHTTP応答を確認し、検索エンジンの巡回への影響も説明します。

• ページ移動・削除後にリンクを点検したいとき
• メニューや本文のリンク切れを探したいとき
• リンク切れの検索巡回への影響を調べたいとき

公開前のHTMLに残る開発用コメント、デバッグコード、ログ、仮の要素を点検して除去します。必要なコメントを残しながら、機密情報の露出も確認するスキルです。

• 本番公開前にHTMLを整理したいとき
• コメント内の機密情報を点検したいとき
• デバッグログや仮の要素の削除

ブラウザーに届くHTMLの文字コード宣言を点検し、UTF-8の指定漏れや配置の問題を見つけ、日本語や特殊文字の文字化けを防ぐために修正するスキル。

• 日本語や特殊文字の文字化け調査
• 公開前の文字コード宣言の確認
• 共通テンプレートのHTML出力点検

広告ブロッカーで止まるリンクや外部リソースをHTMLとJavaScriptから点検し、遷移の不具合や読み込み失敗に対する修正案を示すスキル。

• 広告ブロッカー使用時のリンク不具合調査
• 外部スクリプトや画像の読み込み確認
• 追跡用リダイレクトの見直し

実際のコードの小さな改善を題材に、OpenSpecの提案・仕様・設計・タスク作成から実装、アーカイブまでを、各工程の説明付きで体験するスキルです。

• 実際の修正でOpenSpecを学びたいとき
• 初回の練習向けの小さな改善探し
• 提案・仕様・設計・タスクの役割の理解

画面のない環境でターミナルアプリを操作し、表示を待って不具合を再現・検証するスキル。画面の記録やPNG撮影、操作テストの作成にも対応します。

• 画面なしでCLIの不具合を再現したいとき
• 対話型プロセスをバックグラウンド実行
• ターミナルの操作テスト作成

長期の目標を検証可能な小さな作業に分け、進捗と実際の動作の証拠を記録しながら進めます。中断後も記録を引き継ぎ、段階ごとに完了を確かめるスキルです。

• 長期の開発目標を進めたいとき
• 中断した作業を再開したいとき
• 完了条件の証拠を残したいとき

クラッシュや停止、誤応答などの不具合を、仮説と実行時の観測から調査します。原因の切り分けから修正前後のテスト、実際の操作確認、一時ファイルの片付けまで進めます。

• クラッシュや停止、誤応答の原因調査
• 断続的な障害や非同期処理の調査
• ソースのないバイナリの動作解析

使われていないTypeScriptのコードを探し、参照の有無を確認してから並列エージェントが削除し、型チェック・テスト・ビルドと変更単位のコミットまで進めるスキル。

• 未使用のインポート・関数・型を削除する
• 特定のファイルやディレクトリを整理する
• 参照のないファイルを削除できるか調べる

コンパイル済みプログラムの構造や動作を読み解く方法を、実習とクイズで一課ずつ学ぶスキル。解析結果の根拠を確かめ、理解度と進捗を記録して学習を続けます。

• 自作プログラムの解析を学びたいとき
• バイナリ形式や機械語を学びたいとき
• 解析の主張を実際の出力で確かめたいとき

新規プロジェクトの開始時に、保存先が未確定の場合の専用フォルダと構成を決めます。既存ファイルの調査制限を守り、必要最小限の実行可能なひな型を整えます。

• 保存先未定の新規開発を始めたいとき
• 既存ファイルを調べずに着手したいとき
• 汎用フォルダ内の成果物をまとめたいとき

メモや報告書、提案書を独立した文書として作成し、WordやGoogle Docsの編集・内容確認も進めるスキル。希望する形式に沿って検証済みの成果物を届けます。

• メモを編集可能な意思決定資料にしたいとき
• Word提案書を変更履歴付きで更新
• 既存契約書の定義や脚注の確認

ExcelやGoogle Sheetsなどの表計算ファイルを作成・編集・点検し、数式や集計結果を確かめながら、継続して更新できる予算表や管理表を整えるスキル。

• 毎月更新する人員予算表を作りたいとき
• 四半期合計の誤りを調べたいとき
• 数式を直して変更箇所を示したいとき

PageやSpaceの文書を、読者と目的に合わせて作成・編集するスキル。既存の書式や保存先を尊重し、根拠の確認から見出し・文章・表の整理、保存後の確認まで扱います。

• 説明や決定事項をページに残したいとき
• 既存ページの特定箇所を編集したいとき
• 比較内容を読みやすい表に整理したいとき

ローカルに残る開発エージェントの会話記録から、目的・完了作業・未解決事項を読み取り、現在の作業環境で再開するための引き継ぎ要約を作るスキルです。

• セッションIDから状況を復元したいとき
• ローカルログから未完了作業を整理
• JSONLやMarkdownの引き継ぎ確認

プロジェクトの判断事項を一問ずつ掘り下げ、決まった内容をその場で文書に残します。既存の文書構成に合わせ、未決事項も見える下書きとして整理するスキル。

• 実装前に目標と対象範囲を詰めたいとき
• 質問で決まった内容の逐次記録
• 中断する議論の決定事項を残したいとき