• Projects
  • Service
  • About
  • branding.bz
  • Podcast
  • Tips
  • FAQ
  • Recruit
  • Download
  • Contact
  • branding.bz(ブランド構築SaaS)
  • DESIGN NOW(デザインメディア)
  • X
  • LinkedIn
  • Spotify
  • Facebook

213-0011 神奈川県川崎市高津区久本3-6-7-303

© 2026 ID INC. All rights reserved

claude-skills/スキル
SKILLOfficialdevelopment

expo-observe

プラグイン
expo
ライセンス
MIT
ソース
GitHub で見る ↗
説明

次のような場合に使用: EAS Observe(Expo のアプリパフォーマンス監視機能)に関すること全般 具体的には以下が該当します: - **機能の導入**: `expo-observe` をExpoプロジェクトに追加する方法、AppMetricsRoot/ObserveRoot(パフォーマンス情報を収集するコンポーネント)、markInteractive(対話可能状態の記録)、useObserveフック(パフォーマンス情報を利用するコード)、Expo Router/React Navigation と連携させたルート単位のメトリクス収集、`Observe.logEvent` による独自イベントの記録 - **データの照会**: EAS CLI(コマンドラインツール)での以下のコマンド実行 - `eas observe:metrics-summary`(メトリクス概要) - `observe:metrics`(詳細メトリクス) - `observe:routes`(ルート別データ) - `observe:events`(イベント別データ) - `observe:versions`(バージョン別データ) - **メトリクスの解釈**: 収集されたパフォーマンスデータの理解 - 冷起動/温起動(初回起動か再起動か) - TTR(Time To React・反応までの時間) - TTI(Time To Interaction・対話可能になるまでの時間) - ナビゲーション時の冷起動/温起動 TTR - アップデートのダウンロード時間 - TTI フレームレートパラメータ(アプリの起動遅延原因の特定用)

原文を表示

Use for anything related to EAS Observe — adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the useObserve hook, the Expo Router / React Navigation integrations for per-route metrics, and user-defined events via `Observe.logEvent`), querying via the EAS CLI (`eas observe:metrics-summary`, `observe:metrics`, `observe:routes`, `observe:events`, `observe:versions`), or interpreting the resulting metrics (cold/warm launch, TTR, TTI, navigation cold/warm TTR, update download, and the TTI frameRate params for triaging slow startups).

ユースケース
  • expo-observeをプロジェクトに追加する
  • パフォーマンスメトリクスを収集する
  • EAS CLIでメトリクスデータを照会する
  • アプリの起動時間を分析する
  • ナビゲーション性能を測定する
本文(日本語訳)

EAS Observe

EAS Observeは、Expoアプリが本番環境で動作する際の起動、画面遷移、カスタムイベントのパフォーマンスを追跡します。

公式情報源: https://docs.expo.dev/eas/observe/ — APIの詳細、特にスタートガイド、設定、統合、メトリクスリファレンスについては、常に公式ドキュメントを参照してください。EAS Observeは継続的に進化しており、このスキルの説明は正確性を保つよう努めていますが、公式ドキュメントより遅れることがあります。

どのリファレンスを読むか

./references/フォルダ内の3つのリファレンスファイルは、このスキルが対応する3つの典型的な用途をカバーしています。

  • プロジェクトにEAS Observeを追加する → ./references/setup.md
    インストール、ルートレイアウトのラッピング(SDK 55ではAppMetricsRoot、SDK 56以上ではObserveRoot)、markInteractive()の呼び出し(SDK 55ではグローバル、SDK 56以上ではuseObserve()フック経由)、Expo Router/React Navigationの統合による画面単位のナビゲーションメトリクス(オプション)、Observe.logEventによるカスタムイベント定義(SDK 56以上)を対象とします。

  • ターミナルからメトリクスを検索する → ./references/queries.md
    5つのeas observe:*コマンド(metrics-summary、metrics、routes、events、versions)、フラグ、表示形式、JSON構造、一般的なワークフローを対象とします。

  • ダッシュボードまたはCLI出力を読む → ./references/metrics.md
    メトリクスごとの目標値、TTI frameRate.*パラメータの意味、起動の遅さと滑らかさを区別する診断パターン、メインスレッドの競合またはハードブロッキングの兆候を対象とします。

ドキュメントへのクイックリンク

  • スタートガイド: https://docs.expo.dev/eas/observe/get-started/
  • ダッシュボードガイド: https://docs.expo.dev/eas/observe/dashboard/
  • メトリクスリファレンス: https://docs.expo.dev/eas/observe/reference/metrics/
  • Expo Router統合: https://docs.expo.dev/eas/observe/integrations/expo-router/
  • React Navigation統合: https://docs.expo.dev/eas/observe/integrations/react-navigation/
  • カスタムイベント: https://docs.expo.dev/eas/observe/events/
  • 設定: https://docs.expo.dev/eas/observe/configuration/
原文(English)を表示

EAS Observe

EAS Observe tracks startup, navigation, and custom-event performance from production Expo apps.

Source of truth: https://docs.expo.dev/eas/observe/ — always consult the canonical docs when API details matter, especially get-started, configuration, integrations, and the metrics reference. EAS Observe is evolving; this skill's references are written to stay accurate but may lag the docs.

Which reference to read

The three reference files in ./references/ cover the three things people typically need this skill for:

  • Adding EAS Observe to a project → ./references/setup.md. Install, wrap the root layout (AppMetricsRoot on SDK 55, ObserveRoot on SDK 56+), call markInteractive() (global on SDK 55, via the useObserve() hook on SDK 56+), optional per-route navigation metrics through the Expo Router / React Navigation integrations, and user-defined events via Observe.logEvent (SDK 56+).
  • Querying metrics from the terminal → ./references/queries.md. The five eas observe:* commands — metrics-summary, metrics, routes, events, versions — with flags, table layouts, JSON shapes, and common workflows.
  • Reading a dashboard or CLI output → ./references/metrics.md. Target thresholds per metric, what the TTI frameRate.* params mean, and diagnostic patterns for telling slow-but-smooth startup apart from main-thread contention or hard blocks.

Quick links to the docs

  • Get started: https://docs.expo.dev/eas/observe/get-started/
  • Dashboard guide: https://docs.expo.dev/eas/observe/dashboard/
  • Metrics reference: https://docs.expo.dev/eas/observe/reference/metrics/
  • Expo Router integration: https://docs.expo.dev/eas/observe/integrations/expo-router/
  • React Navigation integration: https://docs.expo.dev/eas/observe/integrations/react-navigation/
  • User-defined events: https://docs.expo.dev/eas/observe/events/
  • Configuration: https://docs.expo.dev/eas/observe/configuration/

原文・著作権は Anthropic および各プラグイン作者に帰属します。日本語訳は Claude API による自動翻訳です。