「before」の検索結果

独自の作業手順をClaude Code向けスキルにまとめ、設定情報や説明文、テンプレート、付属ファイルの構成から公開前の確認までを案内します。

• 定型作業を独自スキルにしたいとき
• 付属スクリプト付きのひな型作成
• 長い手順書を参照資料に分けたいとき

rufloの解析コマンドでコード変更のリスクや複雑な箇所を調べ、既存の不具合が再発しないかを確かめるCIチェックの実行・追加を支援するスキル。

• コード変更のリスクを確認したいとき
• 複雑なコードを見つけたいとき
• rufloの回帰チェックを実行したいとき

Flow NexusとE2Bの隔離環境でニューラルネットワークを学習・配置し、予測の実行、分散学習の監視、性能評価やモデル共有まで進めるスキル。

• 画像分類モデルを学習したいとき
• LSTMで時系列を予測したいとき
• 感情分析テンプレートの配置

保存済みの設計判断記録（ADR）の関係を検証し、参照切れ、置き換え関係の循環、状態の不整合を報告。取り込み後やリリース前の整合性確認に使えます。

• ADR取り込み後の整合性確認
• CIで不整合を検出したいとき
• リリース前のADRデータ点検

要件整理から設計、テスト先行の実装、レビュー、デプロイまでを段階的に進めます。Claude Flowで複数のエージェントに役割を分担し、開発全体を管理するスキルです。

• 要件から新機能を開発したいとき
• テストを添えて既存コードを改修
• 不具合調査と再発防止テスト

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

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

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

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

画像やJavaScriptなどを含むページ全体の転送量を測り、読み込みを重くする原因を確認します。1500KB未満を目安に、画像やコードの削減を進めます。

• モバイル回線での読み込み遅延の調査
• ページ総容量が上限内か確認したいとき
• 重い画像やJavaScriptの軽量化

ページ表示の遅さを実測で確認し、重要な画像やフォントの先読み、外部サーバーへの事前接続を適切に設定して、読み込みを早める改善を支援するスキル。

• 主要画像やフォントの表示遅延の調査
• 外部サービスへの事前接続の検討
• 次の画面で使うファイルの先読み

WebアプリのPWAインストール対応を点検し、HTTPSや設定ファイル、アイコンの不足を確認するスキル。オフライン応答や起動先の設定も見直します。

• PWAインストール対応の点検
• インストール案内を追加する前の確認
• アイコンのサイズと形式の見直し

WebアプリのHTTP応答ヘッダーを点検し、使わないカメラやマイク、位置情報などのブラウザ機能を制限して、侵害時の被害範囲を抑える設定を支援するスキル。

• 公開前のセキュリティヘッダー点検
• 不要なカメラ・マイク機能の制限
• 第三者iframeの機能制限確認

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

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

WebページのJPEG画像が粗いプレビューから徐々に鮮明になる形式かを点検し、画像サイズや読み込み方法も踏まえて、表示体験を改善する修正案を示します。

• JPEGの読み込み中の見え方を点検
• WebPやAVIFの代替JPEG確認
• CDNやビルド時の画像配信設定の確認

外部フォントやAPIへの接続待ちを計測で確かめ、重要な接続先の事前接続を追加し、不要な指定を整理して、ページの読み込み速度改善を支援します。

• 外部フォントやAPIの接続遅延調査
• head内の事前接続指定の点検
• 不要な事前接続を整理したいとき

パスワード入力欄の安全性と使いやすさを点検し、自動入力の設定、表示切り替え、強度表示、パスワード管理ツールとの連携を確認・改善するスキルです。

• ログイン・会員登録フォームの点検
• パスワード管理ツールとの連携確認
• 操作しやすい表示切り替えへの改善

ブログやランディングページの読みやすさを点検し、長い文や専門用語、受け身表現を見つけて、幅広い読者に伝わる文章への修正と見出しの整理を支援します。

• ブログの読みやすさを確認したいとき
• ランディングページの文章改善
• 解説記事の専門用語を言い換えたいとき

ブラウザごとの標準スタイルによる表示の差を減らすため、CSSリセットの導入状況と読み込み順を点検し、画面幅や操作状態を踏まえた修正案を示します。

• ブラウザ間の表示差を調べたいとき
• 新規サイトのCSSの土台づくり
• CSSフレームワーク内蔵リセットの確認

SNSで共有されるページのURLと正規URLの不一致を調べ、追跡パラメータや末尾スラッシュなどの差を修正して、シェア数が分散する原因を点検するスキル。

• SNSのシェア数が少ない原因を調べたいとき
• 公開前のOpen Graphタグ点検
• 追跡パラメータやURL表記ゆれの確認

ページの初期表示を妨げるCSSやJavaScriptを調べ、実測で原因を確かめます。読み込み順序や重要なスタイルの配置を見直し、表示の遅れを改善するスキルです。

• 読み込み中の白い画面の原因調査
• CSS・JavaScriptの読み込み見直し
• 初期表示に必要なCSSの直接記述

ページの主要コンテンツが表示されるまでの時間を計測し、画像やサーバー応答、描画処理のボトルネックを特定して、根拠に基づく改善を支援するスキル。

• 主要コンテンツの表示遅延を調べたいとき
• メイン画像の読み込みを見直したいとき
• 計測結果から改善の優先順位を決めたいとき

モダンブラウザに不要な旧形式のJavaScriptや互換コードを調べ、実測で負荷を確かめながら、配信方法とビルド設定の見直しを支援するスキル。

• ページ読み込みの遅さを調べたいとき
• 不要な互換コードの点検
• モダンブラウザ向けビルド設定の見直し

CSSの余白や罫線、配置指定を点検し、左右などの固定方向から文字の流れに沿う論理プロパティへ置き換えて、右から左の言語や縦書きに対応するスキル。

• アラビア語やヘブライ語に対応したいとき
• CSSの左右固定の余白指定の置き換え
• 縦書きレイアウトの確認

データ取得や送信中の待ち時間に、処理状況が伝わる表示を点検・実装します。スピナーや仮の表示枠、読み上げ対応、読み込み完了時のレイアウトのずれまで確認します。

• データ取得中の待機表示を付けたいとき
• 操作の実行中に進捗を伝えたいとき
• 読み込み状態の読み上げ対応を確認

ページのHTMLやJavaScript、Git履歴にAPIキーやパスワードが露出していないか点検し、漏えいした認証情報の更新と再発防止の対応を整理します。

• ブラウザー側のAPIキー露出点検
• Gitに記録された認証情報の調査
• 秘密情報を使う処理のサーバー移行