最初のアプリを作成する

新しいフォルダでエージェントを起動する

エージェントは一度に 1 つのフォルダの中で作業します。このプロジェクト専用のフォルダを作成し、そこでエージェントを起動しましょう。ターミナルで次を実行してください。

続けて、そのフォルダの中でエージェントを起動します。claude または codex を実行してください。Cursor を使っている場合は、StickerSmash という名前の新しいフォルダを作成し、File > Open Folder で開いてから、エージェントパネルを開いてください。

アプリを作成する

次のプロンプトをエージェントに貼り付けてください。

npx create-expo-app@latest を実行して SDK 54 テンプレートを選び、このフォルダ（カレントディレクトリ）に新しい Expo アプリを作成して。スマートフォンの Expo Go でこのアプリをテストする予定で、Expo Go は SDK 54 を使っているから。作成できたら、プロジェクトの reset-project スクリプトを実行して最小構成のアプリから始められるようにし、そのスクリプトが残す app-example フォルダを削除して。開発サーバーは起動しないで。それは自分で実行するので。

Create a new Expo app in this folder (the current directory) by running npx create-expo-app@latest and choosing the SDK 54 template — I will test the app with Expo Go on my phone, which uses SDK 54. After it is created, run the project's reset-project script so we start from a minimal app, and delete the app-example folder that the script leaves behind. Don't start the development server; I will run that myself.

エージェントがテンプレートをダウンロードし、依存関係をインストールするのに数分かかります。完了すると、プロジェクトの準備ができたと報告し、いくつかのファイルを含む最小限の app フォルダができているはずです。

スマートフォンでアプリを実行する

これはチュートリアルを通して自分で実行する唯一のコマンドです。スマートフォンにアプリをストリーミングする開発サーバーを起動します。新しいターミナルウィンドウを開き（最初のウィンドウはエージェントを実行したままにしておきます）、次を実行してください。

ターミナルに QR コードが表示されます。アプリを開くには次のようにします。

• Android: Expo Go を開いて Scan QR code をタップします。
• iOS: 標準のカメラアプリを開いて QR コードにかざします。

スマートフォンにほとんど何も表示されていない画面が出るはずです。これがあなたのアプリです。チュートリアルの残りの間、このターミナルウィンドウを開いたまま、スマートフォンを手元に置いておいてください。

最初の変更を加える

ここでループを一周させましょう。エージェントに目に見える変更を依頼し、それがスマートフォンに反映されるのを確認します。次のプロンプトをエージェントに貼り付けてください。

ホーム画面を変更して、"Home screen" というテキストを白色で、色 #25292e の暗い背景の中央に表示して。

Change the home screen so it shows the text "Home screen" in white, centered on a dark background with the color #25292e.

表示されるもの: エージェントの作業が完了してから数秒以内に、スマートフォンのアプリが再読み込みされ、暗い画面の中央に白い "Home screen" というテキストが表示されます。

これがワークフローのすべてです。プロンプトを送り、エージェントが構築し、スマートフォンに結果が表示されます。