ツールを準備する

ターミナルを開く

ターミナルは、AI エージェントとやり取りするためのアプリです。

• macOS では、標準搭載の Terminal アプリを開きます。Spotlight 検索（Cmd ⌘ + Space）を開いて "Terminal" と入力すると見つかります。
• Windows では、スタートメニューから PowerShell を開きます。この章では、いくつかのコマンドをここに入力します。それぞれコピーして貼り付けられるように用意してあります。

Cursor を使う予定なら、このチュートリアルのほとんどをターミナルの代わりに Cursor のビジュアルエディタ内で進めることになります。ただし、アプリを実行する際にはターミナルを使うので、手元に用意しておいてください。

AI エージェントをインストールする

すでに AI コーディングエージェントを使っている場合は、次のステップに進んでください。まだの場合は、以下から 1 つ選んでください。このチュートリアルはどれを選んでも同じように進められます。

ほかのエージェントでも構いません。ファイルを編集し、コンピュータ上でコマンドを実行できるエージェントであれば、このチュートリアルを進められます。

Node.js をインストールする

最初のプロンプトを実行して、Node.js をインストールしましょう。

Node.js は、Expo の開発ツールを動かすランタイムです。次のプロンプトを実行して、エージェントに nodejs.org から 長期サポート（LTS） 版をダウンロードするよう指示しましょう。

私はまっさらな環境で Expo の "Build with AI" チュートリアルを進めていて、プログラミングの経験はありません。私のコンピュータに Node.js の最新の LTS 版をインストールして。

- まず、これからやることを 1〜2 文の平易な言葉で教えて。
- 私の OS を検出して、その OS に最も確実な方法でインストールして。
- 完了したら、`node --version` と `npm --version` の出力を見せてうまくいったか確認して。反映させるために何か開き直す必要があれば、それも教えて。

I'm following the Expo "Build with AI" tutorial on a brand-new setup and I have no programming experience. Please install the latest LTS version of Node.js on my computer.

- First, tell me in one or two plain sentences what you're about to do.
- Detect my operating system and use the most reliable method for it.
- When you're done, verify it worked by showing me the output of `node --version` and `npm --version`, and tell me if I need to reopen anything for it to take effect.

うまくいったか確認するには、新しいターミナルウィンドウを開いて次のコマンドを実行します。現在インストールされている Node.js のバージョン番号が表示されるはずです。

Expo Go をインストールして Expo アカウントを作成する

Expo Go は、アプリストアへの公開なしに、開発中のプロジェクトをスマートフォンでテストできる無料のアプリです。エージェントがコードを変更するたびに、スマートフォン上のアプリが数秒で更新されます。

1. スマートフォンで、Google Play ストアまたは Apple App Store から Expo Go をインストールします。
2. コンピュータで expo.dev/signup にアクセスし、無料アカウントを作成します。
3. スマートフォンで Expo Go を開き、同じアカウントでサインインします。

エージェントに Expo について教える

Expo Skills は、AI エージェントに Expo アプリの上手な作り方を教える指示ファイル群です。どのライブラリを使うべきか、画面をどう構成するか、よくある間違いをどう避けるかをエージェントに伝えます。エージェントから良い結果を引き出すうえで、これをインストールすることが最も効果があります。

Expo MCP サーバーを接続する

Expo MCP サーバーは、エージェントに Expo のツールへの直接アクセスを与えます。最新の Expo ドキュメントを読んだり、適切なパッケージをインストールしたり、プロジェクトを調べたりできるようになります。

Claude Code

Codex

Cursor

ターミナルで次のコマンドを実行します。

Terminal

コピー

- claude mcp add --transport http expo https://mcp.expo.dev/mcp

続いて claude を起動し、その中で /mcp を実行して、前のステップで作成した Expo アカウントでサインインします。

セットアップを確認する

すべてがうまくつながっているか確認しましょう。次のプロンプトをエージェントに貼り付けてください。

Expo MCP サーバーを使って Expo のドキュメントで "expo-image-picker" を検索して、それが何をするものか 1 文で教えて。

Use the Expo MCP server to search the Expo documentation for "expo-image-picker" and tell me in one sentence what it does.

表示されるもの: エージェントが Expo のドキュメントツールを呼び出し、デバイスの写真ライブラリから画像を選ぶ機能についての説明を 1 文で返します。代わりに接続エラーや認証エラーが表示された場合は、前のステップのサインイン部分をやり直してください。