コンテンツにスキップ

コーディングエージェントで作ったアプリから始める

要点「プロジェクト」ページで「インポート」→「エージェント」(または「エージェントを接続」)を開きます。Claude Code か Codex 用の1行のコマンドをコピーし、ブラウザで一度サインインすれば、あとはエージェントに「このアプリを MonstarX にプッシュして」と伝えるだけです。アプリは「プロジェクト」に届いてプレビューで動き、MonstarX とエージェントのどちらからでも作成を続けられます。

Claude Code、Codex、Cursor などの AI コーディングエージェントは、アプリを書くのは得意です。ただ、その後のホスティング、プレビューの共有、ドメインでの公開、長く使えるバックエンド、エンジニアでない人が変更を続けられる環境は、自分で用意しなければなりません。MonstarX はそれをすべて引き受けます。エージェントを一度接続すれば、「このアプリを MonstarX にプッシュして」のひとことで済みます。

このページでは、その方法でプロジェクトを始める手順を説明します。各エージェントの設定方法と、エージェントができることのすべては、コーディングエージェント をご覧ください。

エージェントはどこで接続しますか?

Section titled “エージェントはどこで接続しますか?”

プロジェクト ページで インポート を開き、エージェント を選びます。インポート の横にショートカットとして表示されていることもあります。エージェントを接続 のウィンドウに、コピーするコマンドが表示されます。

Claude Code や Codex からアプリをプッシュするには?

Section titled “Claude Code や Codex からアプリをプッシュするには?”
  1. エージェントを接続 で、お使いのエージェントのコマンドの横にある コピー を押し、ターミナルで実行します。

    • Claude Code:claude mcp add --transport http --scope user monstarx https://monstarx.com/mcp を実行します。次に Claude Code で /mcp を実行し、monstarx → Authenticate を選んで Allow を押してください。
    • Codex:codex mcp add monstarx --url https://monstarx.com/mcp && codex mcp login monstarx を実行します。ブラウザの画面が開くので、「許可」を押してください。
  2. 作ったアプリのフォルダで、エージェントに「このアプリを MonstarX にプッシュして」と伝えます。

  3. エージェントがアプリを確認してアップロードし、アドレスを教えてくれます。アプリは プロジェクト に表示されてプレビューで動き、チャットにはエージェントからプッシュされたことが表示されます(たとえば「Codex からプッシュ」)。

その後、プロジェクトは インポートしたアプリ として扱われます。チャット、編集モード、バージョン、QA がそのコードのまま使え、コードに必要なキーがあれば入力を求められます。

どのエージェントに対応していますか?

Section titled “どのエージェントに対応していますか?”

MCP サーバー(AI ツールをほかのサービスにつなぐ標準的なしくみ)に接続できるエージェントなら、どれでも使えます。ウィンドウには Claude Code と Codex のほか、Cursor、VS Code、Grok、Gemini CLI、Windsurf、Claude や ChatGPT のアプリが挙がっています。Lovable、Bolt、v0、Replit、Figma などのビルダーからも、作ったものを送れます。サーバーのアドレスは https://monstarx.com/mcp です。

すべてのエージェントの設定方法 を押すと、エージェントごとの手順が開きます。API キーと接続済みのエージェント を押すと 設定 → API と MCP が開き、接続済みのエージェントの確認、キーが必要なエージェント用の API キーの作成、エージェントの接続解除ができます。詳しくは API キー をご覧ください。

接続したエージェントでほかに何ができますか?

Section titled “接続したエージェントでほかに何ができますか?”
  • エージェントでさらに作業した後、同じアプリの 新しいバージョンをプッシュ できます。プッシュのたびに、戻れるバージョンとして保存されます。
  • プロジェクトを ダウンロード して手元で作業を続け、またプッシュし直せます。
  • 説明から 新しい MonstarX のアプリを始める ことや、GitHub のリポジトリを インポート することもできます。
  • MonstarX 自身の作成機能に リクエストを送って 返信を読む、アプリを 公開する、キーを設定する、ログを読む こともできます。

つまり、2つを自由に行き来できます。エージェントで作り、MonstarX のチャットや編集モードで磨き上げ、いつでもエージェントに戻せます。

エージェントを接続したくない場合は、アプリのフォルダを zip にまとめて インポート → .zip を使ってください。アップロードする前に、お使いのコンピューター上で確認されます。詳しくは アプリをインポートする をご覧ください。

エージェントは私のすべてのプロジェクトにアクセスできますか?

エージェントはあなたとして、あなたが所有するプロジェクトに対して動作します。接続済みのエージェントは、設定 → API と MCP でいつでも確認・削除できます。

API キーは必要ですか?

Claude Code と Codex では不要です。ブラウザからサインインします。キーしか受け付けないエージェントでは、設定 → API と MCP で作ったキーを使えます。

両方の場所でアプリを変更したらどうなりますか?

プッシュすると、プロジェクトのファイルがエージェント側のものに置き換わり、新しいバージョンになります。エージェントが最後に読み込んだ後でプロジェクトが変更されていた場合は、うっかり上書きしないようにプッシュが拒否されることがあります。先にエージェントに最新版をダウンロードしてもらってください。

エージェントにアプリを公開してもらえますか?

はい、頼めば公開します。公開 ボタンと同じ方法で公開します。詳しくは アプリを公開する をご覧ください。