DocsDigest
一覧へLanguage: EN
OpenAIExpo2025/10/21 13:00

Become an AI-native developer with the Expo MCP server

要点だけを先に読めるように短く再構成したセクションです。

元記事
OpenAIClaude

Quick Digest

要約

要点だけを先に読めるように短く再構成したセクションです。

openaijamodel: gpt-5-mini-2025-08-07

Expo MCP ServerでAIネイティブ開発者に

expomcpai-assistantsdk54visual-testingeas

Key Points

  • 最新ドキュメント参照
  • SDK互換の自動インストール
  • ローカルUIの視覚検証

Summary

Expo MCP ServerはリモートのModel Context Protocol（MCP）サーバーで、AIコーディングアシスタントをExpoプロジェクトに直接接続します。これにより最新のExpoドキュメント参照、依存関係のSDK互換インストール、設定ファイル生成などのサーバー側機能と、ローカル開発サーバー（Expo SDK 54+）を介したスクリーンショット取得やUI操作による視覚検証などのローカル機能を組み合わせて利用できます。現在プレビュー公開中で、Starter/Production/Enterpriseプランの加入者が利用可能です。

Key Points

  • サーバー機能
    • mcp.expo.dev経由で常時利用可能：最新ドキュメント検索、パターン学習、設定生成、推奨パッケージの案内
  • ローカル機能（SDK 54+）
    • 開発サーバーと連携してスクリーンショット、UI操作、DevTools操作、アプリ構造解析が可能
  • 開発ワークフローへの利点
    • AIがドキュメントを参照して正しい実装例を提示し、npx expo installでSDK互換の依存を導入
    • AIがコードを生成して実行結果を視覚的に検証・修正することで手動確認を削減

Requirements

  • EASの有料プラン（Hosted MCPは有料プラン利用者向け）
  • Expo SDK 54+（ローカル機能を使う場合）
  • MCP対応のAIツール（例：Claude Code、Cursor、VS Code拡張など）

Quick start (実務向け)

  • mcp.expo.devに接続してAIアシスタントを設定
  • プロジェクトでExpo開発サーバーをSDK 54+で起動し、MCPを有効化
  • AIに「ドキュメントを検索」「パッケージをインストール」「ボタンを追加して画面を検証」などのタスクを指示

Next steps / 操作提案

  • 既存の開発フローで小さな自動化タスク（依存追加、UIレンダリング確認）から試す
  • フィードバックをDiscord #mcpやTwitter/Xで共有して今後のEAS連携要望を提出する

Full Translation

翻訳

原文の流れを保ったまま読める翻訳セクションです。

openaijamodel: gpt-5-mini-2025-08-07

Expo MCP サーバーで AI ネイティブ開発者になろう

Expo MCP サーバーで AI ネイティブ開発者になろう

Development • Product • October 21, 2025 • 7 minutes read

著者: Kudo Chien (Engineering)、Christian Falch (Engineering)

プレビューリリース: Expo MCP Server は現在プレビュー版で、Starter Plan、Production Plan、Enterprise Plan の加入者が利用できます。私たちはこの機能を積極的に開発しており、あなたのワークフローにとって最も価値のある機能についてフィードバックを求めています。

概要

Expo MCP Server はリモート MCP サーバーで、AI コーディングアシスタントを直接あなたの Expo プロジェクトに接続します。これにより最新の Expo ドキュメントへのアクセス、開発タスクの自動化、アプリの視覚的検証といった機能をアシスタントに提供できます。

MCP とは？

Model Context Protocol (MCP) は、AI モデルが外部データソースやツールと連携するためのオープン標準です。MCP は、AI アシスタントに正確な Expo プロジェクトのコンテキストを提供します。具体的には SDK バージョンの理解、関連ドキュメントへのアクセス、実行中の開発環境への接続によるワークフロー自動化、そして視覚的検証による AI 生成コードの問題検出などが可能になります。

Learn more about MCP →

Expo MCP Server を作った理由

AI コーディングアシスタントは強力ですが、フレームワーク固有のパターンやベストプラクティスを深く理解していないことが多いです。Expo で開発する際は、フレームワークの慣習や相性の良いパッケージ、正確で最新のドキュメントにアクセスできるアシスタントが必要です。また、開発環境固有の問題をデバッグできることも重要です。

Expo MCP Server は、このギャップを埋め、汎用的な AI アシスタントを Expo に詳しい開発パートナーへと変えるために作られました。アシスタントはあなたの開発環境を理解し、直接対話できます。

サーバー機能とローカル機能の連携

Expo MCP Server は、以下の2種類の機能を提供します。

  • サーバー機能 (常時利用可能): MCP サーバー (mcp.expo.dev) に接続すれば利用できます。これには Expo のパターン学習、ドキュメント検索、パッケージのインストール支援、設定ファイル生成などが含まれます。追加のセットアップなしで即座に Expo の知識にアクセスできます。

  • ローカル機能 (高度な機能): 開発環境への直接アクセスが必要な高度な機能です。Expo 開発サーバーを MCP 有効で起動すると (SDK 54+)、AI アシスタントはスクリーンショット取得、UI 操作の自動化、DevTools の起動、アプリ構造の解析などが可能になります。これらは実行中のシミュレータやエミュレータとやり取りするためローカルで実行されます。

Expo 開発サーバーがこれらのローカル機能をリモート MCP サーバーに橋渡しするため、別途ローカル MCP サーバーを立てる必要はありません。このハイブリッドアプローチにより、即時に利用できる知識と、必要時に使える強力な自動化の両方を得られます。

See full list of available capabilities →

Expo MCP Server の実例

Expo のパターンを瞬時に学ぶ

新しいフレームワーク機能を学ぶとき、多くのタブを開いてドキュメントを探し、例を組み合わせる必要があります。Expo MCP Server を使うと、AI アシスタントが要求に応じて最新の公式ドキュメントを取得します。例えば：

"add AGENTS.md / CLAUDE.md to this project"

"Learn how to use expo-router"

"Search documentation for implementing deep linking"

"What is Expo CNG?"

アシスタントは最新のガイドを取得し、現在のベストプラクティスに沿って実装手順を案内します。古いドキュメントや LLM の記憶に依存することはありません。

依存関係の管理を支援

Expo MCP Server は推奨パッケージのインストールを案内し、npx expo install を使ってインストールします。これにより、プロジェクトと互換性のある高品質なライブラリを使用できるように支援します。例：

"Add SQLite with basic CRUD operations"

"Install expo-camera and show me how to take photos"

"Add expo-notifications for push notifications"

これらのプロンプトは SDK バージョンに対応したパッケージをインストールし、Expo ドキュメントから最新のモジュールドキュメントと使用例を取得して、あなたと LLM の両方に実装を案内します。

視覚的検証とテストの自動化

既に AI アシスタントにユニットテスト、型チェック、lint を走らせているかもしれませんが、ローカル機能を有効にすると、アシスタントは実行中のアプリを実際に見て操作できます。これにより、LLM がただコードを生成するだけでなく、動作を検証して自ら問題を修正するという新しいワークフローが実現します。例：

"Add a blue circle view and make sure it's rendering correctly"

"Add a button and tap it to verify the interaction works"

"Add a counter button that increments on tap and verify the state updates correctly"

アシスタントはコードを書き、スクリーンショットを取得して UI の正しさを検証し、インタラクションをテストし、問題があれば自動で修正します。生成されたコードが実際に動作するかを手動で確認する必要はもうありません。

注意: ローカル機能は Expo SDK 54+ と実行中の開発サーバーが必要です。セットアップ手順を参照してください。

はじめ方

セットアップは数分で完了します。必要なものは次の通りです。

  • Any EAS paid plan subscription (the hosted MCP server is available to all customers)
  • Expo SDK 54+（ローカル機能を使う場合）
  • AI ツールがリモート MCP サーバーをサポートしていること（Claude Code、Cursor、VS Code など）

View the complete setup guide →

このビデオチュートリアルも導入に役立ちます:

Get started with Expo's MCP Server Preview

プレビューの焦点: 開発ワークフロー

このプレビュー期間中、私たちは開発ワークフローの効率化に注力しています。コード作成、デバッグ、パターン学習、テストの高速化を支援する機能を優先しています。現時点の機能はこの目標に沿って設計されていますが、MCP サーバーでさらにできることは多くあります。

  • EAS サービス（ビルドのトリガーやアップデート管理など）への接続はどうでしょうか？
  • アプリ申請の自動化は？

ぜひフィードバックをください:

  • Discord community : join the #mcp channel.
  • Twitter/X @expo : we’re always happy to chat here.

あなたのフィードバックが今後の開発内容を決めます。プレビューではまず開発ワークフローから始めていますが、SDK 55 以降で優先すべき MCP 機能を教えてください。

今日から試す

Expo MCP Server を使い始めましょう。プロジェクトで好みの AI アシスタントに数分で設定でき、アシスタントを格段に効果的にします。あなたが作るものを見るのが待ちきれませんし、次に私たちが作るべきものについてのご意見もぜひお聞かせください。

Get started with the Expo MCP Server